注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 11种安卓传感器使用源码

  2. angle[0] += event.values[0] * dT; angle[1] += event.values[1] * dT; angle[2] += event.values[2] * dT; } timestamp = event.timestamp; } 上面代码中通过陀螺仪传感器相邻两次获得数据的时间差（dT）来分别计算在这段时间内手机延X、 Y、Z轴旋转的角度，并将值分别 累加到angle数组的不同元素上。 1.6其他传感器 其他传感器在前面几节介绍了加速度传感器、重力传感器

  3. 所属分类：Android

    • 发布日期：2016-03-25
    • 文件大小：8mb
    • 提供者：sfbolg_sf

  1. 一键把swf转为html5canvas动画Fanvas.zip

  2. Fanvas是一个把swf转为html5 canvas动画的系统，由两部分组成：Actionscr ipt实现的解析器、js运行库。Flash做动画是最成熟最高效的方式，但由于终端基本不支持Flash播放，这给终端的动画制作带来了不少麻烦。Fanvas是Flash和Canvas的完美结合，可以把swf（包括矢量和位图）完美地转化为canvas动画，让美术妹子一次制作，到处运行。。。嘿嘿~~~让美术妹子也搭上H5的快车。技术难点：兼容swf的各种格式，主要是各种矢量命令和多种多样的图片格式；实现

  3. 所属分类：其它

  1. 微信小程序-用微信小程序的canvas做的一个小游戏

  2. 微信小程序demo 试验性质的一个微信小程序，用canvas做的一个类似flappy-bird的小游戏。 包含一些基本的功能：躲避障碍物、计分、排行榜等等。后端的工程也一并上传了，在java目录中，很简单的一个SpringMVC工程。 游戏原型见这里。 截图 使用说明 直接git clone下来，用微信开发者工具导入即可。 导入的时候，最好填上appid，原因下方说明。 注意事项 小程序目前还在公测状态，个人可以去公众平台上申请，但无法认证，最终的程序也无法发布。不过对于demo而言，有app

  3. 所属分类：其它

    • 发布日期：2019-08-05
    • 文件大小：158kb
    • 提供者：weixin_39841848

  1. Android代码-DrawingView

  2. DrawingView DrawingView的原型来自DrawingView-Android，是android的一个可涂鸦控件。 之所以做这个控件是因为前段时间写了一个截图应用需要用到涂鸦功能，现在把涂鸦的控件单独拿出来写一个demo。 这个控件代码超简单的哦，还不到300行。 效果展示 gif效果展示： 保存的图片： 基本功能 可以设置画笔的粗细，颜色，撤销上一笔涂鸦，提供保存图片的接口。 与DrawingView-Android相比较，这个版本的控件大小可以适应图片大小和尺寸，去除了“橡

  3. 所属分类：其它

  1. canvas学习之API整理笔记（二）

  2. 前面我整理过一篇文章介绍了一些基本的API，从这篇文章我们已经可以基本了解到常用绘图的API、简单的变换和动画。而本篇文章的主要内容包括高级动画、像素操作、性能优化等知识点，讲解每个知识点的同时还会有一些酷炫的demo，保证看官们全程在线，毫无尿点，看完不会后悔，哈哈，一个耿直的笑^_^。 除此之外，关于canvas的一系列实例即将来袭！欢迎关注！ 开始之前 //获取canvas容器 var can = document.getElementById('canvas'); //创建一个画布 v

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：218kb
    • 提供者：weixin_38507923

  1. THREE.JS入门教程(1)THREE.JS使用前了解

  2. Three.js是一个伟大的开源WebGL库，WebGL允许Javascr ipt操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 国外网站 aerotwist.com 有六篇较为简单的入门教程，我尝试着将其翻译过来，与大家分享。 我在一些实验项目中使用了Three.js，我发现它对快速上手浏览器3D编程确实很有帮助。通过Three.js，你不仅可以创建相机、物体、光线、材质等等，还可以选

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：107kb
    • 提供者：weixin_38674569

  1. JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】

  2. 本文实例讲述了JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果。分享给大家供大家参考，具体如下： 基于Sketch.js，实现了物体触碰检测（蝌蚪会遇到障碍物以及聪明的躲避鼠标的点击），随机运动，聚集算法等。 已经具备了游戏的基本要素，扩展一下可以变成一个不错的 HTML5 游戏。 演示效果如下： 完整代码如下： <html class=" -webkit- js flexbox canvas canvastext webgl no-touch geolocation p

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：71kb
    • 提供者：weixin_38653664

  1. canvas 基本demo

  2. 基于antv-g6实现的一些基础的canvas小demo，包括ract ，自定义节点，combo，自定义组，及相关的事件等效果

  3. 所属分类：Web开发

    • 发布日期：2020-12-09
    • 文件大小：585kb
    • 提供者：sandy_yuyan

  1. THREE.JS入门教程(5)你应当知道的十件事

  2. Three.js是一个伟大的开源WebGL库，WebGL允许Javascr ipt操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介 嗨，这是我的第一篇关于如何写出好的代码的文章。和很多开发者一样，我通过实践学习，但同时我也向其他更有经验的开发者们学习。在过去的几个月中，我在canvas标签上花了很多时间，我想如果把这段时间学到的关于WebGL和Javascr ipt的小技巧都写下

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：89kb
    • 提供者：weixin_38642864

  1. JS库之Three.js 简易入门教程(详解之一)

  2. 开场白 webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。 博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的api文档也非常粗糙，很多效果需要自己慢慢敲代码摸索。所以我写这个教程的目的一是自己总结，二是与大家分享。 本篇是系列教程的第一篇：入门篇。在这篇文章中，我将以一个简单的demo为例，阐述three.js的基本配置方法。学完这篇文章

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：126kb
    • 提供者：weixin_38710566

  1. o2h5book_c8_canvas_sprite:《大厂H5开发实战手册》第8章Canvas逐帧动画DEMO源码-源码

  2. 根据 该示例展示了最基本的项目结构，没有提供额外的功能，可以通过该示例了解整个项目的构建。 开始 # 安装依赖 npm install # 或者使用 yarn install # 开发模式 npm start # 构建 npm run build 开发 开发时，主要涉及到三个文件 src/index.html 整个网页HTML文件 src/js/main.js Javascr ipt文件 src/css/main.scss 样式文件

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：15mb
    • 提供者：weixin_42116701

  1. 微信小程序学习用demo：厕所雷达；Canvas【厕所找的快，排的才痛快】

  2. 紧急情况~ 找不到厕所？ 晴天霹雳 裤衩一声？ 完喽~~快来用厕所雷达吧~~~。作为一个优秀的楼主，胖子我不仅写了代码，连广告次都想好了，哇咔咔咔~~~~  “厕所找的快，排的才痛快”。 练习区里看到一个“厕所雷达”就来做了下，主要还是为了练习小程序“控件的基本用法”和“页面间的交互”，CSS依旧让我感到头疼，不过比上次的demo“石头剪刀布”好了很多了HOHO。（PS：页面有好几个，就先贴上首页的代码吧，想看的小伙伴就下载一下然后咱们互相交流哦，注释都写好了的说。哦对了，新的分享功能也加进去了

  3. 所属分类：其它

    • 发布日期：2021-03-15
    • 文件大小：88kb
    • 提供者：weixin_38622475

  1. vis-graph3d：:bar_chart:创建交互式动画3d图形。 开箱即用的表面，线条，点和块样式-源码

  2. 可见图 Graph3d是一个交互式可视化图表，用于在三维图中绘制数据。 您可以通过在窗口中拖动和滚动来自由移动和放大图形。 Graph3d还支持图形动画。 Graph3d使用HTML canvas渲染图形，并可以平滑地渲染多达数千个数据点。 徽章 安装 通过npm安装： $ npm install vis-graph3d 例 下面显示了有关加载时间轴的基本示例。 在项目的中可以找到更多示例。 Graph 3D demo var data = null

  3. 所属分类：其它

  1. Android开发使用自定义View将圆角矩形绘制在Canvas上的方法

  2. 本文实例讲述了Android开发使用自定义View将圆角矩形绘制在Canvas上的方法。分享给大家供大家参考，具体如下： 前几天，公司一个项目中，头像图片需要添加圆角，这样UI效果会更好看，于是写了一个小的demo进行圆角的定义，该处主要是使用BitmapShader进行了渲染（如果要将一张图片裁剪成椭圆或圆形显示在屏幕上，也可以使用BitmapShader来完成）. BitmapShader类完成渲染图片的基本步骤如下： 1、创建BitmapShader类的对象 /** * Call

  3. 所属分类：其它

    • 发布日期：2021-01-20
    • 文件大小：59kb
    • 提供者：weixin_38691194

  1. HTML5 Canvas玩转酷炫大波浪进度图效果实例（附demo）

  2. 本文介绍了HTML5 Canvas玩转酷炫大波浪进度图效果，具体如下： 如上图所见，本文就是要实现上面那种效果。 由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。 了解quadraticCurveTo quadraticCurveTo() 方法通过使用表示二次贝塞尔曲线的指定控制点，向当前路径添加一个点。 Javascr ipt 语法： context

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：63kb
    • 提供者：weixin_38584731

  1. 详解canvas drawImage()方法绘制图片不显示的问题

  2. canvas有个很强大的api是drawImage()（w3c）： 他的主要功能就是绘制图片、视频，甚至其他画布等。 问题： 慕名赶来,却一脚踩空,低头一看,地上一个大坑。 事情是这样的,在我看完w3c的介绍和很有说服力和教学力的demo后,本着实践出真知的思想决定上手一试,这一试不要紧~ 我按照流水线工程铺设以下几点基本工作: 1. canvas标签+id 2. 获取canvas+设置宽高 var cav1 = document.getElementById('canvas1'),

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：204kb
    • 提供者：weixin_38569109

  1. 使用canvas实现一个vue弹幕组件功能

  2. 看B站时，对弹幕的实现产生了兴趣，一开始想到用css3动画去实现，后来感觉这样性能不是很好，查了下资料，发现可以用canvas实现，于是就摸索着写了一个简单的弹幕。 弹幕功能 支持动态添加弹幕 弹幕不重叠 自定义弹幕颜色 效果图 demo  源码地址 前端框架选了比较熟悉的vuejs 弹幕滚动的基本思路就是通过定时器不断地改变弹幕的位置，时时重绘画布。 实现步骤 先加入一个canvas标签，这里有个注意点，关于设备像素比对canvas的影响，会出现绘图模糊。 // 如果单纯这样

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：154kb
    • 提供者：weixin_38571603