chenqiong1991-CSDN博客

原创我的threejs学习笔记（四）——dat.gui函数

写在前面dat.gui 不仅提供了参数的调节，还有类似于按钮的功能（即将其参数写为函数的形式），可以看作是gui对象的一个属性。定义按钮属性var controls=new function () { this.gravity=-0.005; this.speedY=0; this.posY=2; this.number

2017-03-22 22:17:53 2003

原创我的threejs学习笔记（三）——相机旋转

写在前面虽然看起来好像是物体自身在旋转,但确实是相机在围绕场景旋转。另外，用简单的三个变量实现了重力模拟。相机旋转方法 var theta=0; var render=function () { requestAnimationFrame(render); controls.speedY+=controls.gravity;

2017-03-21 21:18:12 13697

原创我的threejs学习笔记（二）——dat.gui使用

写在前面dat.gui可以方便地向场景中添加控制条，随时调整参数。用法<script src="../../lib/dat.gui-master/build/dat.gui.js"></script> <link rel="stylesheet" href="../../lib/dat.gui-master/build/dat.gui.css"> 引入js文件和css文件var con

2017-03-20 20:22:20 6570

原创 jquery插件开发学习笔记（二）

写在前面我认为，今天的这个插件在写法上已经比较符合jquery插件开发的“正统”流程。在各个方面都考虑得比较完善。习惯了这种思路之后，对于开发功能完备的插件是大有帮助的。相比较与第一个插件来说，插件主体区和功能区分离是最大的特点。另外，进过两个小时的bug分析，得出了惨痛的参数传递的方法（目前觉得还太高深，不是吾辈理解之）。包裹(function($){ //code goes here

2017-03-19 14:50:27 533

写在前面看到很多用jquery写的各种小插件，很感兴趣，尝试自己写一个。这是根据网上的资料做的一个具有传递参数的一个具备了基本功能的插件。引入jquery<script src="../lib/jquery/jquery.js"></script>定义插件$.fn.myPlugin=function(){};使用插件$("p").myPlugin();//p标签使用插件插件代码this.css("c

2017-03-17 21:21:37 522

原创 canvas游戏学习笔记（三）--打砖块

写在前面用scratch和processing都写过打砖块，所以在逻辑上比较熟悉，区别在于编写代码的方式做了些改变。只要能正确理解JavaScript的语法，打砖块还是很快就可以写好的。声明游戏角色//定义砖块数组，反弹球，球拍 var bricks=[]; var player; var paddle;定义游戏区域//定义游戏区域 var myGameArea={

2017-03-16 20:13:14 1882

原创 css3动画学习笔记（一）

简介one div ：一个有趣的网站。通过css做出来一些有趣的动画。对于网站来说，尽量压缩加载内容十分有必要，而用css代替图片无疑是加快网站访问速度的利器。用法旋转动画@keyframes fan{ from{ transform: rotate(0deg); } to{ transform: rotate(720deg);

2017-03-15 14:12:34 266

原创 canvas游戏学习笔记（二）

事件的理解事件只有在被触发时，对应的绑定函数才会执行（前提是，做了正确的绑定）。否则，浏览器理解不了event是什么鬼。事件的绑定事件类型有鼠标类型、键盘类型、浏览器窗口改变、页面元素发生改变（如图片加载完成，文本域改变、元素获得或失去焦点等）等类型。事件要绑定对应的类型。如body可以绑定onload，用来初始化页面行为；body也可以绑定onmousemove，用来在探测整个页面中，鼠标是否移动

2017-03-15 10:42:53 352

原创 canvas游戏学习笔记（一）

写在前面之前没有写过canvas游戏，所以是以网上的成品为参考，自己边研究以后边独立写出来的，中间的一些bug也是独立思考解决的。代码的整体风格并不是自己的风格，但是，为了学会，就先写着学着吧。canvas的代码生成var myGameArea={ canvas:document.createElement("canvas"), start:function(){

2017-03-14 20:46:54 322

原创 stroll.js学习笔记

简介官方介绍：stroll.js,beacuse it scrolls,and trolls.(翻译：不仅滚动，而且旋转)。 ps:确实如此。下载先贴一个GitHub下载链接：stroll.js引入文件<link rel="stylesheet" href="css/stroll.css"><script src="js/stroll.min.js"></script>创建带class的ul<ul

2017-03-13 09:40:53 752

原创 swiper学习笔记

简介swiper相对于unslider来说，效果更多，同时，可控的参数也更多，体现出来便是在交互性上有了更多的选择。用法首先，当然要有文件，或者是CSDN的链接。看情况了。<link rel="stylesheet" href="../lib/Swiper-3.4.1/dist/css/swiper.min.css"><script src="../lib/Swiper-3.4.1/dist/j

2017-03-12 22:12:06 334

原创千字文

千字文天地玄黄，宇宙洪荒。日月盈昃，辰宿列张。寒来暑往，秋收冬藏。闰余成岁，律吕调阳。云腾致雨，露结为霜。金生丽水，玉出昆岗。剑号巨阙，珠称夜光。果珍李柰，菜重芥姜。海咸河淡，鳞潜羽翔。龙师火帝，鸟官人皇。始制文字，乃服衣裳。推位让国，有虞陶唐。吊民伐罪，周发殷汤。坐朝问道，垂拱平章。爱育黎首，臣伏戎羌。遐迩一体，帅宾归王。鸣凤在竹，白驹食场。化被草木，赖及万方。盖此

2017-03-12 21:38:13 990

原创我的threejs学习笔记（一）

生成three.js场景的基本步骤一、引入jquery和threejs（注意顺序，jquery在后） 1. <script src="../three.js-master/build/three.js"></script> 2. <script src="../jquery/jquery.js"></script>二、内联css控制场景布满页面<style> body{

2017-03-12 11:04:51 1260

chenqiong1991的博客