这个demo演示了如何使用js/dom/css来在浏览器中渲染出3d模型,而且还可以用键盘控制其旋转,实在是令人惊叹。其原理其实也很简单,就是利用border。浏览器在渲染比较宽的border时,结合处是有斜面的,以此再配合颜色,就可以做出小块的三角形,然后多个小三角形,就可以组成一个不规则的图形了。demo支持IE7、FF、Opera。不过很遗憾,IE6下因为透明边框的支持问题,显示不太理想。此网站属于内行看门道,外行看热闹型!~
Javascript三维引擎
相关文章
- 检测你的浏览器对HTML5的支持情况-The HTML5 test
- 独一无二的交友婚恋网站-SweetHeartsMeow
- 超清昆虫微距摄影图片-Microsculpture
- 在线拼一个¯\_(ツ)_/¯-Build Shruggie
- 在线体验办公室气氛-I miss the office
- 猜猜AI图的文本描述-Riddle Me This!
- 那些被封面耽误的佳作-Always Judge a Book by its Cover
- ASCII版的《星球大战》-STAR WARS
- 在线物理仿真骰子盒-Dicetray
- 人工智能AI实验作品集-BoredHumans
- 清掉网站上的所有广告-12ft
- 无需体力在线跑步-Scroll-O-Meter
- 在线生成Emoji表情壁纸-Emoji Wallpaper
- 电脑操作系统界面大全-GUI Gallery
- 有趣的人物摄影图片
- 你从没见过的物流艺术-Logistics Art Project
- 成年猫咪寻找服务-Adult Cat Finder
- 全彩动态风雨气温图-Ventusky
- 大家一起来砸墙-Smash The Walls
- 网络数据猜猜猜-Stattogories