分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型
这张图每位程序员应该都深有感触。 人民心目中的程序员是这样的:坐在电脑面前噼里啪啦敲着键盘,运键如飞。 现实中程序员是这样的:编码5分钟,调试两小时。 今天我要给大家分享一个用WebGL开发的网站,感兴趣的朋友可以在Chrome开发者工具里调试它的源码来学习WebGL。 WebGL(Web Grap...
JavaScript 图片3D展示空间(3DRoom)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。 很久以前就看过一个3DRoom效果,是用复杂的计算实现的。 在上一篇图片变换研究过css3的transform之后,就想到一个更...
8个惊艳的JavaScript 为 HTML5 Canvas 提供硬件3D加速渲染应用实验
WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天...
如何用 JS 实现 3D 赛车效果
本文将分享如何用 JS 写出一个 3D 赛车,我之前曾在技术交流会上也讲过一次(这里是当时用的 PPT),后来有同学反馈说讲得太深奥没听懂。其实 PPT 里说的更多的是三维图形的基础知识,实现原理体现的稍微少一些,那么本文将着重从实现原理这块做一些补充。 先看赛车的示例:http://ucren.c...
JS 3D 模型
最近断断续续地写出了这么个东西:http://ucren.com/demos/d3d/index.html。 这是一个简单的 JS 3D 模型,能跑在包括 IE6 的所有浏览器上,结合一下 tween 缓动算法,理论上已经可以完美模拟像 http://www.cu3ox.com/ ...
[JavaScript]3D球状导航的文章分类
前几天写了左边这个3D球状导航的文章分类,这里对实现细节做个简单记录。 效果: 分类标题呈现3D球状效果,点击分类标题的时候,会弹出这个分类对应的推荐文章列表。 效果截图: HTML: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div id="mainLis...
Top 10:HTML5、JavaScript 3D游戏引擎和框架
由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题。基于浏览器的游戏最棒的地方是平台独立,它们能在iOS、Android、Windows或其他任何平台上运行。 有很多的JavaScript能够用于创建基于浏览...
《WebGL入门指南》——第2章,第2.1节Three.js——一个JavaScript 3D引擎
本节书摘来自异步社区《WebGL入门指南》一书中的第2章,第2.1节Three.js——一个JavaScript 3D引擎,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看 2.1 Three.js——一个JavaScript 3D引擎WebGL入门指南需求是创...
JavaScript 图片3D展示空间(3DRoom)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。 很久以前就看过一个3DRoom 效果,是用复杂的计算实现的。 在上一篇图片变换 研究过css...
JS 实现3D立体效果的首页轮播图(瞬间让你的网站高大上,逼格满满)
还是那句话,废话少说,直接上源代码:http://download.csdn.net/detail/cometwo/9387901 <html> <head> <title>JS 实现3D立体效果的图片幻灯切换</title> <meta htt...
更新时间 2023-08-15 22:04:46
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。