什么是3D渲染JavaScript中最好的网络资源? [英] What is the best online resource for 3D rendering in JavaScript?

查看:175
本文介绍了什么是3D渲染JavaScript中最好的网络资源?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

首先一点介绍:

去年我写了这个<一href="http://dragan.yourtree.org/$c$c/canvas-3d-graph/">http://dragan.yourtree.org/$c$c/canvas-3d-graph/

现在,我想让它完全重写,因为旧版本有一定的局限性,例如:有时碰巧酒吧是不可见的,因为他们画一前一后另一个

Now, i want to make complete rewrite of it, because that old version have some limitations, for example: sometimes it happens that bars are not visible, because they are drawn one behind another.

在旧版本有没有真正的3D,只是bunck二维线,模拟3D。

In this old version there is no real 3d, just bunck of 2D lines, which emulate 3D.

现在,我想是去完全成熟的3D场景,我想保留在内存中的所有对象,并添加一些三维导航按钮,使用户能够转动整个场景在所有3个轴,放大相机和缩小。

Now, what i want is to go to full blown 3D scene, i want to keep all the objects in memory, and add some kind of 3D navigation buttons that will enable users to rotate whole scene on all 3 axis, and zoom camera in and out.

我已经决定,我将使用 http://sylvester.jcoglan.com/ 矢量/矩阵的东西,但我仍然无法找到好的教程3D。有吨文字在互联网上,其中大部分日期从20世纪90年代,一个是不完整的或书面的非常糟糕。

I've already decided that i will use http://sylvester.jcoglan.com/ for vector/matrix stuff, but i'm still unable to find good tutorial for 3D. There are tons of texts on the Internet, most of them date from the 90s, an are incomplete or written really bad.

所以,我的问题是:什么是最好的在线资源/补习,使我写我自己的JS 3D从头引擎

So, my question is: what is the best online resource/tutorial that will enable me to write my own JS 3D engine from scratch.

这应该涵盖所有相关主题:

It should cover all relevant topics:

  • 载体
  • 矩阵
  • 对象
  • 相机
  • 在场景渲染
  • 照明
  • 在现场旋转物体
  • 移动相机

等。 (我相当熟悉的前两个)

etc.. (i'm fairly familiar with first two)

感谢您的时间。

推荐答案

如果这是专门为一个JavaScript相关的项目,然后我理解,但如果你只是这样做是为了掌握三维渲染的基础知识有可能是比较成熟的平台出来为您服务。

If this is specifically for a JavaScript related project then I understand but if you are simply doing this to grasp the basics of 3d rendering there might be more mature platforms out there for you.

在任何情况下..

这可能是有用的,以你的学习链接:

Links that might be useful to your learning:

  • Prototyping A Simple 3d Renderer In JavaScript
  • 3D Basics - A Primer
  • The JavaScript Raytracer
  • JavaScript 3D Renderer

此外,一些有趣的JavaScript三维例子:

Also, some fun JavaScript 3d examples:

  • Rotating 3D Cube in JavaScript
  • Wolfenstein 3D in JavaScript
  • Anything else in this SO Question: Stunning graphic effects with JavaScript?

这篇关于什么是3D渲染JavaScript中最好的网络资源?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆