givebest / Gb Canvas Turntable
Licence: other
适用于移动端的Canvas绘制可配置的转盘抽奖
Stars: ✭ 294
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Gb Canvas Turntable
Dot-World-Maker
Online web role playing game (RPG) engine let you build your own game directly from your browser.
Stars: ✭ 25 (-91.5%)
Mutual labels: html5-canvas
vrcpu
Code, documentation, schematics, notes for my Ben Eater inspired breadboard computer and emulator
Stars: ✭ 98 (-66.67%)
Mutual labels: html5-canvas
cresset
Template repository to build PyTorch projects from source on any version of PyTorch/CUDA/cuDNN.
Stars: ✭ 573 (+94.9%)
Mutual labels: wheel
multeor
Multeor is a multiplayer webgame developed by Arjen de Vries, Filidor Wiese and Arthur van 't Hoog in 2013. In the game you control a meteor crashing into earth. Score points by leaving the biggest trail of destruction.
Stars: ✭ 39 (-86.73%)
Mutual labels: html5-canvas
Mandelbrot Js
Fast rendering of the Mandelbrot set in HTML5 canvas using JavaScript
Stars: ✭ 286 (-2.72%)
Mutual labels: html5-canvas
TensorFlow-Raspberry-Pi 64-bit
TensorFlow installation wheels for Raspberry Pi 64 OS
Stars: ✭ 27 (-90.82%)
Mutual labels: wheel
image-process-tools
Image clipping / scaling, support local / same domain video file screenshot function (HTML5 + canvas). 图片裁剪/等比缩放,支持本地/同域视频文件截图功能 (html5 + canvas)
Stars: ✭ 65 (-77.89%)
Mutual labels: html5-canvas
react-canvaskit
Experiment in creating a custom react renderer using an offscreen webgl canvas on top of Skia CanvasKit
Stars: ✭ 57 (-80.61%)
Mutual labels: html5-canvas
awesome-canvas
Canvas资源库大全中文版。An awesome Canvas packages and resources.
Stars: ✭ 288 (-2.04%)
Mutual labels: html5-canvas
jsrobowar
👾 A port of RoboWar to the web browser using JavaScript and HTML5. (2010)
Stars: ✭ 31 (-89.46%)
Mutual labels: html5-canvas
Product-Site-101
Simple product site - demo for a talk
Stars: ✭ 33 (-88.78%)
Mutual labels: html5-canvas
Pascal-HTML5-Canvas
Pascal implementation of a HTML 5 Canvas
Stars: ✭ 38 (-87.07%)
Mutual labels: html5-canvas
GB-canvas-turntable
简介
适用于移动端的Canvas绘制可配置的转盘抽奖
使用
Browser
<link rel="stylesheet" href="css/GB-canvas-turntable.css">
<script src="js/GB-canvas-turntable.js"></script>
普通
gbTurntable.init({
id: 'turntable',
config: function(callback){
// 获取奖品信息
// 奖项 text 属性不能为空,用于显示或抽中奖品提示
// img 为奖品图片地址,如果不为空则转盘奖品按图片方式显示
callback && callback([{
text: '1元红包',
img: 'images/redpacket.png'
}, {
text: '2元红包'
}, {
text: '3元红包'
}, {
text: '显示器',
img: 'images/display.png'
}, {
text: '5元红宝'
}, {
text: '6元红宝'
}])
},
getPrize: function(callback) {
// 获取中奖信息
var num = Math.random() * 6 >>> 0, //奖品ID
chances = num; // 可抽奖次数
callback && callback([num, chances]);
},
gotBack: function(data) {
alert('恭喜抽中' + data);
}
});
感谢他们
演示网页排版来自: https://github.com/sofish/typo.css
License
MIT & Anti 996 © 2019 givebest
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].