Skip to content

Instantly share code, notes, and snippets.

View WangShuXian6's full-sized avatar
🍉

王树贤 WangShuXian6

🍉
  • 上海心影次元人工智能科技有限公司
  • beijing
View GitHub Profile
@WangShuXian6
WangShuXian6 / index.html
Created August 8, 2018 16:05
Twitter heart button animation
<h1>Twitter heart button animation</h1>
<input type="checkbox" name="" id="btn" />
<label class="btn-love" for="btn"></label>
<a href="https://codepen.io/chrisgannon/pen/NGLKWO" target="_blank">The SVG version</a>
@WangShuXian6
WangShuXian6 / donut-payment-dailyui-002.markdown
Created August 1, 2018 05:54
Donut Payment (DailyUI #002)
import wepy from 'wepy'
import Header from '../components/header'
import {connect} from 'wepy-redux'
import {readyPayFinalApi, startPayApi, pollingPayResultApi} from '../api'
import {UPDATE_WECHAT_PAY_INFO, UPDATE_SETTLE_ORDER, UPDATE_CURRENT_ORDER, UPDATE_PERSON,CLEAR_CART} from '../store/types'
import commonMixin from '../mixins/common'
import currentOrderMixin from '../mixins/currentOrder'
import checkoutMixin from '../mixins/checkout'
import wait from 'wait-promise'
@WangShuXian6
WangShuXian6 / drag.ts
Last active April 26, 2018 11:37
无固定虚拟摇杆
//固定虚拟摇杆
//演示代码不可运行
let handle
let rect
let speed: number = 6
let obj
private let dragging: boolean
@WangShuXian6
WangShuXian6 / select.ts
Last active April 26, 2018 02:02
微信小游戏-THREEJS-利用镭射-点击选中几何体
//点击选中几何体
//利用加速计控制物体移动方向
declare let wx: any
declare let canvas: any
declare let require: any
import './js/libs/weapp-adapter'
import * as THREE from './js/libs/three.js'
let screenWidth, screenHeight, aspect
@WangShuXian6
WangShuXian6 / index.html
Created April 25, 2018 03:25
mouse-select
<!-- 来自 Learning Three.js -->
<script src="https://unpkg.com/three"></script>
<script src="https://unpkg.com/stats.js"></script>
<script src="https://cdn.bootcss.com/dat-gui/0.6.5/dat.gui.min.js"></script>
<div id="Stats-output">
</div>
<!-- Div which will hold the Output -->
<div id="WebGL-output">
</div>
@WangShuXian6
WangShuXian6 / load.ts
Last active April 23, 2018 09:39
THREEJS实时显示分数
loadFont() {
return new Promise((resolve, reject) => {
this.FontLoader.load(fontParams.url, (response) => {
this.font = response
this.createTextMaterials()
this.createNumberList()
resolve(response)
})
})
}
@WangShuXian6
WangShuXian6 / arcade-game-random-character-pattern-with-bitmap-on-three-js.markdown
Created April 23, 2018 05:23
Arcade Game Random Character Pattern with Bitmap on Three.js

Arcade Game Random Character Pattern with Bitmap on Three.js

An example to display and update text bitmap.

The speed is faster than showing text in 3d.

Uses font made by Genshichi Yasui.

A Pen by 王树贤 on CodePen.

@WangShuXian6
WangShuXian6 / cat.js
Last active April 22, 2018 12:59
微信小游戏- THREE js 导入模型并播放动画
//自带材质,没有UV材质
import './lib/weapp-adapter'
import * as THREE from './lib/three.js'
require('lib/OrbitControls')
//const canvas=wx.createCanvas()
let screenWidth, screenHeight, aspect
const model = "http://black.xinliu.org/obj/cat-run8.json"
//const model = "http://black.xinliu.org/obj/knight.js"
var delta = 1;
//使用图片画布canvas做纹理
//粒子效果
//待优化,不适合使用
//fps::19
declare let wx: any
declare let canvas: any
declare let GameGlobal: any
GameGlobal.ImageBitmap = function () {
}