three.js 刘琳

2024-11-04

three.js-走进3d的奇妙世界一创建一个三维场景

一.git代码仓库地址 git clone https://github.com/josdirksen/learning-threejs-third 下载并解压二.创建一个三维场景如下图所示是一个三维场景,包括了一个几何体,球,平面,坐标系等等. 那么这些东西究竟是怎么实现呢,在未了解three.js之前,我也一直对这些东西感到疑惑.今天就带大家一起走进3d的奇妙世界. 大家都知道在现实生活中,我们能看到或者感觉到阳光,雨水,高山,风等等,那么在3d的世界中这么东西都是以怎么样子构建的

Three.js - 走进3D的奇妙世界

本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界. 文章来源:宜信技术学院 & 宜信支付结算团队技术分享第6期-支付结算部支付研发团队前端研发高级工程师-刘琳<three.js - 走进3D的奇妙世界> 分享者:宜信支付结算部支付研发团队前端研发高级工程师-刘琳原文首发于支付结算团队公号-“野指针” 随着人们对用户体验越来越重视,Web开发已经不满足于2D效果的实现,而把目标放到了更加炫酷的3D效果上.Three.js是用于实现web端3D效果的JS库,它的出现让3D应

jQuery中处理事件冒泡的方法和取消后续内容的方法

一:事件冒泡的意思是:一个大的容器已经设置了事件,如果这个容器里还包容着一个小的容器也设置了自己的事件,那么因为小容器是在大容器里面的,触发小容器的事件同时也等于触发了大容器的事件,有时这并不是我们想要的结果,我们可以通过能力检测来阻止事件冒泡如: <script type="text/javascript"> $(function () { $('#da').css('width', '700px').css('height', '30

Google Earth数据存储、管理、表现及开发机制

Google Earth数据存储.管理.表现及开发机制一. Google Earth(Map)介绍 1.1 Google Earth介绍在众多的地理信息服务提供商中,Google是较早提供服务的一个,其它有如ESRI这种巨头,也有中国的灵图.但凭借着提供优质.高效.高性价比服务的理念和Google自身的巨大影响力,Google推出的Google Earth和Google Map平台已经成为全球影响力最大的互联网空间信息服务平台. Google Earth具有十分突出的三个特点[1

Java Script 学习笔记 -- 基础知识

Java script 概述 java Script 的简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. Jav

c语言进阶8-数据结构

一. 数据结构的起源: 1. 为什么要学习数据结构阿基米德说过:“给我一个支点,我就能翘起地球”.那么给我一个程序,我就能用好程序,给我一个结构,我就能把内容填充完成.打个比方,一个excel表,如果已经有了结构只是填数据,就很简单了,谁都可以去填数据.那么你是要做建结构的那个人还是去填数据的那个人呢?不言而语,我们要做的是那个建结构的人.那么怎么给程序搭建好数据的结构?那么就来学习数据结构吧! 所以数据结构的意义通过在前人大量实践总结得出的一系列解决问题的公用基本元素,学习数

c语言进阶7-结构体

一. 结构体: 在程序设计基础当中我们学习了变量,变量可以节省使用空间相对于常量而言,大家来看下表: 学号姓名职位性别数学英语语文总成绩 1 刘琳班委女 50 61 56 167 2 张华班委男 60 60 54 174 3 张三学生男 66 62 52 180 4 陈露班委男 93 54 62 209 5 李明班委女 56 45 88 189 6 李讲班委女 99 56 65 220 如果让你把表中所要输入的数据,每个数据都用变量来输入的话,那么我们就要

ES 6新语法

一.块级作用域绑定回顾:使用var关键字定义变量定义 = 声明 + 赋值: 1. 可以一次定义多个变量 2. 定义时可以只声明不赋值 3. 定义之后可以随时修改变量的值 4. 变量声明会被提升 5. 可重复定义变量 6. 全局定义的变量会被作为全局对象(global/window)的属性 7. 在代码块中使用 var 关键字声明的变量不会被束缚在代码块中 if (true) { var foo, bar = 'abc'; } console.log(foo, bar) 1.1 使用let

Daily target小队介绍(刘畅，陈杰，杨有存，唐祎琳，王晓哲，邵汝佳)

一.团队介绍 1.团队构成: 2.队名: Daily target,我们的口号是Target your day! 3.团队项目描述: 我们计划写一个用于老师发布任务,学生接受任务的安卓app.教师安排课程,发布课后作业和测验.考试:学生完成教师发布的各项任务,并且也可以给自己安排日程. 初步的功能如下: (1)课程(老师端和学生端): <1> 教师端:发布教学资料以及作业,测验,考试安排,发布通知 <2> 学生端:下载教师的教学资料,提交作业和测验报告,查看老师发布的安排与通知,可

[刘阳Java]_步步窥探JS变量作用域

今天的这个文章题目名称甚是让人会突发异想.JS变量作用域是务必需要搞懂的,单从面试过程就会让面试者烧脑壳.所以,我们还是写一篇关于JS变量作用域的技术专题,让所有小伙伴能够借此文章去整理JS的基础学习.说不定很多人会比我理解这方面基础知识有更好地见解黄金守则第一条: JS没有块级作用域(你可以自己闭包或其他方法实现),只有函数级作用域,函数外面的变量函数里面可以找到,函数里面的变量外面找不到 <!doctype html> <html lang="en"> &

js鼠标拖动（转自刘68）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title

刘长峰 js基础讲座笔记课后作业

1.DataType Assert 数据类型断言一.typeof : 判断变量的类型 ,返回字符串 typeof a 返回 'undefined' .'boolean' .'string' .'number' . 'object' .'function' 二.instanceof: 双目运算符,检验一个“实例对象obj”是否来自“构建函数Fun”创建,返回布尔值 obj instanceof Fun === true/false 三.isPrototypeOf:对象的方法,用来检

js如何实现简繁体互转

js如何实现简繁体互转一.总结一句话总结:其实无论是简体还是繁体,都是在显示端(前端),其实所有的我只用动js就好了,没必要动php. 当然,后端也可以做前端的事情,只是麻烦了点(要多通信两次,第一次把信息传到后端,第二次把后端的信息传回来), 1.整站如何显示简体转繁体? 用js转换函数将整站的简体转换成繁体就好了,全在前端就可以了,和后端请求并没有什么关系二.汉字简体繁体转换----Javascript 最近看到有个简体--繁体字互相转换的程序,是用JS实现的,感觉很好玩,所以拿来研究

【JS基础】正则表达式

正则表达式的() [] {}有不同的意思. () 是为了提取匹配的字符串.表达式中有几个()就有几个相应的匹配字符串. (\s*)表示连续空格的字符串. []是定义匹配的字符范围.比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字.[\s*]表示空格或者*号. {}一般用来表示匹配的长度,比如 \s{3} 表示匹配三个空格,\s[1,3]表示匹配一到三个空格. (0-9) 匹配 '0-9′ 本身. [0-9]* 匹配数字(注意后面有 *,可以为空)[0-9]+ 匹配数字(注意后

js制作点击会自动隐藏的导航栏（固定在在头部的）

想必大家应该见过这样的特效,本来头部是固定在网页的最上方的,点一下缩进去,再点一下又可以缩回来,这种效果怎么实现的呢,我今天就做了一个.菜鸟勿喷. @charset "utf-8"; /* CSS Document */ .main { width:1024px; height:768px; } #header { width:inherit; height:100px; background:url(indexBar.jpg) no-repeat top left; margin-

js 简繁体字转换

有些项目需要用到简体和繁体两种字体,在js前台进行转换比较方便而且显示速度没有延时是一个比较好的解决方案. var _isFT_CS = 0// 简体 var _isFT_CT = 1// 繁体 var Default_isFT = 0// 默认是否繁体,0-简体,1-繁体 var StranIt_Delay = 50 // 翻译延时毫秒(设这个的目的是让网页先流畅的显现出来) // -------代码开始,以下别改------- // 转换文本 function StranText(txt,

CSS VS JS动画，哪个更快[译]

英文原文:https://davidwalsh.name/css-js-animation 原作者Julian Shapiro是Velocity.js的作者,Velocity.js是一个高效易用的js动画库.在<Javascript网页动画设计>一书中对这个库有很多更具体的剖析,对Velocity及JS动画感兴趣的可以一看. 基于Javascript的动画怎么可能总是和 CSS transition 一样快,甚至更快呢?到底是什么秘密呢?Adobe 和 Google 是怎么做到让他们的富媒体移

常用JS效果需要时更新。。。

1.手风琴效果 JS: $(function() { var aMenuOneLi = $(".menu-one > li"); var aMenuTwo = $(".menu-two"); $(".menu-one > li > .header").each(function(i) { $(this).mouseover(function() { //mouseo

JS正则2

正则表达式可以:•测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证•替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字•根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中查找特定文字正则表达式语法一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式.该模式描述在查找文字主体时待匹配的一个或多个字符串.正则表

js常用正则

var sTest="xxxkdsj234dogdog1234xx"var reTest1=/(dog){2}/var reTest2 = /(?:dog){2}/;console.info(sTest.match(reTest1))console.info(sTest.match(reTest1))console.info(sTest.match(reTest2)) var url = "http://zhidao.baidu.com/question/547251598.

Atitit js版本es5 es6新特性

Atitit js版本es5 es6新特性 Es5( es5 其实就是adobe action script的标准化)1 es6新特性1 Es5( es5 其实就是adobe action script的标准化) 一.数组迭代: 1.了解迭代二.对象创建三.严格模式 ActionScript 3 符合 ECMAScript Language Specification 第三版.它还包含基于 ECMAScript Edition 4 的功能,比如类.包和名称空间:可选的静态类型:生成器和迭代器

three.js 刘琳

热门专题