2017年03月_chenqiong1991

原创 jquery插件开发学习笔记（五）——动态选择触发器

写在前面想实现这样的功能：在前面触发某个对象切换隐藏和显示的功能中，在不刷新网页的情况下，可以动态地切换触发器。原理是有两个单选按钮，提供两个触发器。用户可以选择单选按钮来触发。目前，可以利用单选按钮来切换，但得依靠刷新网页。还没找到解决方案。 to be continued… 以后总会有方法的。代码<form action=""> <input type="radio" nam

2017-03-31 21:56:40 434

原创 jquery插件开发学习笔记（四）——导航栏特效

写在前面想法是：对于一个导航栏，鼠标悬浮于某一项上时，该项高亮，兄弟项正常。鼠标位于导航栏之外时，所有项目正常。关键代码<ul> <li id="test_1"><a href="">home</a></li> <li><a href="">java</a></li> <li><a href="">javascript</a></li></ul> m

2017-03-30 20:53:11 293

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

写在前面复习写插件的一些基本步骤。勿忘之。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery插件学习---1</title> <script src="../../lib/jquery/jquery.js"></script></head><body><p id="

2017-03-29 21:19:29 298

原创我的threejs学习笔记（十）---平行光（二）

写在前面调整了光源的参数和位置后，阴影效果比较好。代码var d_light=new THREE.DirectionalLight(ambiColor);d_light.target=cube_2;d_light.castShadow=true;d_light.shadowCameraVisible=true;d_light.shadowCameraNear = 2;d_light.sha

2017-03-28 21:12:17 1637

原创我的threejs学习笔记（九）---平行光

写在前面今天没出作品。效果不太满意。明早还得早起。先睡吧。明天再仔细研究平行光。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>平行光</title> <script src="../three.js-master/three.js"></script> <script s

2017-03-27 21:53:00 2168 1

原创我的threejs学习笔记（八）——向场景添加颜色监听

写在前面这是几句纠结了半天的代码。源代码是addColor（）；我写的是add（），所以效果差很多。最后把源代码粘过来对比半天才发现这个差别。也是醉了。废话不说var controls=new function () { this.ambi_Color=ambiColor; }; var gui=new dat.GUI(); gui.addColor(cont

2017-03-26 21:37:06 3796 1

翻译声律启蒙

一东云对鱼，雪对风，晚照对晴空。来鸿对去燕，宿鸟对鸣虫。三尺剑，六钧弓，岭北对江东。人间清暑殿，天上广寒宫。两岸晓烟杨柳绿，一园春雨杏花红。两鬓风霜，途次早行之客；一蓑烟雨，溪边晚钓之翁。

2017-03-26 12:07:39 232

原创我的threejs学习笔记（七）——spotLight

写在前面点光源（pointlight)的特点就像夜空中的烟雾弹，向四面八方发射光线；而聚光灯（spotlight）就像手电筒或者像舞台上的探照灯，效果是一个锥形的发光区域。相比于点光源，它有照射的近场区，远场区，和发散系数。点光源属性var spotLight=new THREE.SpotLight({color:"#f2f"}); spotLight.intensity=1; sp

2017-03-25 21:13:50 2092

原创我的threejs学习笔记（六）——3D弹性球

写在前面之前用processing写过类似的弹性球。具体写法不难，主要是在IDE熟悉的基础上理解球坐标的原理。只需要两层for循环的嵌套即可完成主体部分。for嵌套for(var fi=0;fi<=Math.PI;fi+=Math.PI/10){ var count=10-3*Math.abs(Math.PI/2-fi); for(var theta=0;theta<

2017-03-24 21:55:09 1859

原创我的threejs学习笔记（五）——点光源属性控制

写在前面主要练习了点光源的距离和密度属性。理解了threejs里颜色使用的原理。代码pointLight.distance=controls.pointlight_distance; pointLight.intensity=controls.pointlight_intensity; distance（距离）控制光源的照射范围；intensity（密度）控制光源的强度。全文<!D

2017-03-23 21:14:24 3883

原创我的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 2001

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

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

2017-03-21 21:18:12 13696

原创我的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 6568

原创 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 751

原创 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 333

原创千字文

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

2017-03-12 21:38:13 989

原创我的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的博客