Skip to content

Commit 378b3b8

Browse files
committed
minify npm package & add example
1 parent fde65d7 commit 378b3b8

File tree

17 files changed

+339
-3
lines changed

17 files changed

+339
-3
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ Three.js 小程序 WebGL 的适配版本。
33

44
## 使用
55

6-
可参考该代码片段[]()或参照以下流程
6+
可参考 example 目录下的示例项目或参照以下流程
77

88
1. 通过 npm 安装
99

build/webpack.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,6 @@ module.exports = {
4949
new StringReplacePlugin()
5050
],
5151
optimization:{
52-
minimize: false,
52+
minimize: true,
5353
}
5454
}

example/app.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
App({
2+
onLaunch: function () {
3+
4+
}
5+
})

example/app.json

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"pages": [
3+
"index/index"
4+
],
5+
"window": {
6+
"backgroundTextStyle": "light",
7+
"navigationBarBackgroundColor": "#fff",
8+
"navigationBarTitleText": "WeChat",
9+
"navigationBarTextStyle": "black"
10+
},
11+
"sitemapLocation": "sitemap.json"
12+
}

example/app.wxss

Whitespace-only changes.

example/index/index.js

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
// const { createScopedThreejs } = require('threejs-miniprogram')
2+
import { createScopedThreejs } from 'threejs-miniprogram'
3+
4+
const { renderCube } = require('../test-cases/cube')
5+
const { renderCubes } = require('../test-cases/cubes')
6+
const { renderSphere } = require('../test-cases/sphere')
7+
8+
const app = getApp()
9+
10+
Page({
11+
data: {},
12+
onLoad: function () {
13+
wx.createSelectorQuery()
14+
.select('#webgl')
15+
.node()
16+
.exec((res) => {
17+
const canvas = res[0].node
18+
const THREE = createScopedThreejs(canvas)
19+
20+
renderSphere(canvas, THREE)
21+
// renderCube(canvas, THREE)
22+
// renderCubes(canvas, THREE)
23+
})
24+
},
25+
})

example/index/index.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"usingComponents": {}
3+
}

example/index/index.wxml

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<view style="height: 50px"></view>
2+
<canvas
3+
type="webgl"
4+
id="webgl"
5+
style="width: 100%; height: 450px;"
6+
></canvas>
7+
<canvas
8+
type="webgl"
9+
id="webgl"
10+
style="width: 100%; height: 300px;"
11+
></canvas>

example/index/index.wxss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
.intro {
2+
margin: 30px;
3+
text-align: center;
4+
}

example/miniprogram_npm/threejs-miniprogram/index.js

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)