minify npm package & add example

Author: ele828

README.md

@@ -3,7 +3,7 @@ Three.js 小程序 WebGL 的适配版本。
 
 ## 使用
 
-可参考该代码片段[]()或参照以下流程：
+可参考 example 目录下的示例项目或参照以下流程：
 
 1. 通过 npm 安装
 

build/webpack.config.js

@@ -49,6 +49,6 @@ module.exports = {
       new StringReplacePlugin()
   ],
   optimization:{
-    minimize: false,
+    minimize: true,
   }
 }

example/app.js

@@ -0,0 +1,5 @@
+App({
+  onLaunch: function () {
+
+  }
+})

example/app.json

@@ -0,0 +1,12 @@
+{
+  "pages": [
+    "index/index"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "black"
+  },
+  "sitemapLocation": "sitemap.json"
+}

example/app.wxss

@@ -0,0 +1,25 @@
+// const { createScopedThreejs } = require('threejs-miniprogram')
+import { createScopedThreejs } from 'threejs-miniprogram'
+
+const { renderCube } = require('../test-cases/cube')
+const { renderCubes } = require('../test-cases/cubes')
+const { renderSphere } = require('../test-cases/sphere')
+
+const app = getApp()
+
+Page({
+  data: {},
+  onLoad: function () {
+    wx.createSelectorQuery()
+      .select('#webgl')
+      .node()
+      .exec((res) => {
+        const canvas = res[0].node
+        const THREE = createScopedThreejs(canvas)
+        
+        renderSphere(canvas, THREE)
+        // renderCube(canvas, THREE)
+        // renderCubes(canvas, THREE)
+      })
+  },
+})

example/index/index.js

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

example/index/index.json

@@ -0,0 +1,11 @@
+<view style="height: 50px"></view>
+<canvas
+  type="webgl"
+  id="webgl"
+  style="width: 100%; height: 450px;"
+></canvas>
+<canvas
+  type="webgl"
+  id="webgl"
+  style="width: 100%; height: 300px;"
+></canvas>

example/index/index.wxml

@@ -0,0 +1,4 @@
+.intro {
+  margin: 30px;
+  text-align: center;
+}