基于WEBGL的3D立方体特效

当前位置:主页 > Html5库 > html5 canvas > 基于WEBGL的3D立方体特效
基于WEBGL的3D立方体特效
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2020-01-15
    阅读:
简要教程

这是一款基于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

下一篇:没有了