基于WEBGL的3D立方体特效

这是一款基于WEBGL的3D立方体特效。该立方体特效对普通的3D立方体效果进行了扩展,在立方体旋转的同时,呈现了更多的立体效果。

使用方法

安装:

 
npm install               
                

在mac下直接运行:

 
// 运行
npm run dev
// 生成静态文件
npm run build          
                

在windows中,修改package.josn,如下:

 
"scripts": {
  "dev": "webpack-dev-server --open --host 0.0.0.0 --port 3500",
  "build": "set NODE_ENV=production && webpack"
},       
                
 
// 运行
npm run dev
// 生成静态文件
npm run build          
                

该基于WEBGL的3D立方体特效的github网址为:https://github.com/lorenzocadamuro/apple-fifth-avenue

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3