3d
6篇文章 · 0订阅
  • 使用 three.js 中的 CSS3DRenderer 实现 3d 卡片的效果
    第一次尝试选择了我比较熟悉的 PixiJS，关于我如何用 PixiJS 中的 Sprite3d 做了一个失败的 3D 卡片，可以 戳这里查看。 有了第一次失败的经历，果断老实选择使用 three.js 来实现 3d 效果。 但为什么选择使用 CSS3DRenderer 实现，可…
    前端 three.js
  • Three.js 再探 - 写一个跳一跳极简版游戏
    2. 掉落在起跳方块左边上沿 3. 掉落在左边下一个方块下沿 4. 掉落在左边下一个方块上沿 5. 掉落在起跳方块右边上沿 6. 掉落在右边下一个方块下沿 7. 掉落在右边下一个方块上沿
    游戏 three.js
    Three.js 再探 - 写一个跳一跳极简版游戏
  • Web 魔方模拟器的设计与实现
    魔方是个结构简单而变化无穷的神奇玩具。那么如何在万能的浏览器里模拟出魔方的无尽变换，又如何将其还原呢？下面让我们一步步地来一探究竟吧。 拆解过魔方的同学可能知道，现实中魔方的内部结构包含了中轴、弹簧、螺丝等机械装置。但当我们只是想要「模拟」它的时候，我们只需抓住它最显著的性质即…
    前端 WebGL 算法
    Web 魔方模拟器的设计与实现
  • 初识three.js，搭建three.js+vue.js项目
    简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…
    Vue.js JavaScript WebGL
  • 基于three.js的3D炫酷元素周期表
    因为我未搭建个人服务器。截几张图给大家看看效果我做的效果（大部分是和原来的一样）。可能一部分人已经见过这个经典动画了。（这里是原项目地址：https://threejs.org/examples/css3d_periodictable.html） 除了优化了原来的HELIX和G…
    three.js WebGL
    基于three.js的3D炫酷元素周期表
  • 基于 HTML5 WebGL 智能城市的模拟运行
    智能城市是一个系统。也称为网络城市、数字化城市、信息城市。 智能城市建设是一个系统工程：首先实现的是城市管理智能化，由智能城市管理系统辅助管理城市，通过管理系统人们可以监视城市的运行，了解城市每天中发生的变化，以及及时的根据这些变化做出相应的管理；其次是包括智能交通、智能电力、…
    HTML
    基于 HTML5 WebGL 智能城市的模拟运行