three.js 使用 TweenMax.js移动物体

2026-09-14

three.js之让物体动起来方式（二）移动物体

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Three框架</title> <script src="../static/three.js-master/build/three.js"></script> <style type="text/css"> div#ca

之前介绍了好多网页幻灯片.今天给大家带来一款基于TweenMax.js的网页幻灯片.这款幻灯片以不规则的碎片百叶窗的形式切换.切换效果非常漂亮.一起看下效果图: 在线预览源码下载实现的代码. html代码: <div id="container"> </div> <script src='delaunay.js'></script> <script src='TweenMax.js'></script> &

【three.js第六课】物体3D化

1.在[three.js第五课]的基础上引入AnaglyphEffect.js文件. 文件路径: three源码包中进入[examples]文件夹: 进入[js]文件夹: 进入[effects]文件夹中即可看到AnaglyphEffect.js文件我的引入如下: <script src="../examples/js/effects/AnaglyphEffect.js"></script> 2.将自定义的材料更改为如下(此步骤只是为了让材料收到光线的影响,不做

11-THREE.JS 相机始终朝向某个物体

<!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.bootcss.com/three.js/r67/three.js"></script> <script src="https://cdn.bootcss.com/stats.js/r10/Stats.min.js"></sc

JS神经网络deeplearn.js:浏览器端机器智能框架

JS神经网络deeplearn.js:浏览器端机器智能框架通过 deeplearn.js,可以实现在浏览器中训练神经网络模型,也可在推理阶段运行预训练模型. deeplearn.js 以 TypeScript 作为首选语言,提供了可用于构建可微数据流图的 API,以及一系列可以直接使用的数学函数.该库有两个 API 模型,一个是即时执行模型(可认为是 NumPy),另一个是基于 TensorFlow 的 API 镜像的延时执行模型.该库还支持从 TensorFlow 检查点将权重转储为可以导入

微信小游戏 demo 飞机大战代码分析（四）(enemy.js， bullet.js, index.js)

微信小游戏 demo 飞机大战代码分析(四)(enemy.js, bullet.js, index.js) 微信小游戏 demo 飞机大战代码分析(一)(main.js) 微信小游戏 demo 飞机大战代码分析(二)(databus.js) 微信小游戏 demo 飞机大战代码分析(三)(spirit.js, animation.js) 本博客将使用逐行代码分析的方式讲解该demo,本文适用于对其他高级语言熟悉,对js还未深入了解的同学,博主会尽可能将所有遇到的不明白的部分标注清楚,若有不

MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是将 M 和 V 的实现代码分离,从而使同一个程序可以使用不同的表现形式. 交互方式(所有通信都是单向的): View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈更详细的说明: 模型(Mod

再谈React.js实现原生js拖拽效果

前几天写的那个拖拽,自己留下的疑问...这次在热心博友的提示下又修正了一些小小的bug,也加了拖拽的边缘检测部分...就再聊聊拖拽吧一.不要直接操作dom元素 react中使用了虚拟dom的概念,目地就是要尽量避免直接操作dom元素,所以我们在对dom元素进行操作的时候需要注意,我之前为了获取form的参数就直接用了var dragBox=document.getElementById('form')去找dom,但是其实记录from的初始位置,可以在其子组件更新父组件参数的时候调用.即在MyF

spring访问静态资源出错，No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js...

问题:spring访问静态资源出错,No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js... web.xml下对spring的DispatcherServlet请求url映射的配置,原配置如下: <servlet> <servlet-name>spring</servlet-name> <servlet-class>org.springframewor

prototype.js 和 jQuery.js中 ajax 的使用

这次还是prototype.js 和 jQuery.js冲突的问题,前面说到过解决办法http://www.cnblogs.com/Joanna-Yan/p/4836252.html,以及上网说的大部分方法都只能解决$的冲突问题.我先引入了prototype.js 再引入jQuery.js,在用了jquery中的$,然后来用prototype中的ajax的时候,ajax的方法就不启作用了. 最后改为了用 jQuery.js中 ajax .现在记录下两者ajax调用的区分: <%@ page la

LazyLoad.js及scrollLoading.js

http://blog.csdn.net/ning109314/article/details/7042829 目前图片延迟加载主要分两大块,一是触发加载(根据滚动条位置加载图片):二是自动预加载(加载完首屏后n秒后自动加载其他位置的图片).现在最流行使用的就是LazyLoad.js及scrollLoading.js这两个用Jquery写的小插件. 一.LazyLoad实现: <script type="text/javascript" src="/js/lazyloa

JS引用另外JS文件的顺序问题。

1.在a.js中可以引用b.js文件,这样就可以在网页中只引用a.js文件,从而可以使用a.js和b.js文件中的所有方法. 引用格式如下:document.write('<script type="text/javascript" src="js/jquery-min.js"></script>'); 2.这样引用以后发现一个问题,即b.js文件中的方法实际是在页面全部加载完成后才能使用. 例如,a.js中引用的是jquery.js文件,如

jquery的validate.js 和 form.js 的使用方法

在使用 Jquery 的方法的验证并且修改原Form 表单的提交方式的时候,需要引用的文件有 <script type="text/javascript" src="js/jquery-1.8.3-min.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <

封装常用的js（Base.js）——【01】理解库，获取节点，连缀，

封装常用的js(Base.js)——[01]理解库,获取节点,连缀, youjobit07 2014-10-10 15:32:59 前言: 现如今有太多优秀的开源javascript库,比如jQuery,Prototype,Dojo等等,这些javascript库已经把最常用的代码进行了有效的封装,以便我们开发,从而提高效率.现在我这里探讨的是自己创建一个javascript库,自己创建的肯定没有那些开源javascript库功能强大,目的主要是为了提升自己的原生javascrip

iScroll.js和swiper.js

最近系统地学习了iScroll.js和swiper.js,感觉它们在移动端特别好用:http://www.360doc.com/content/14/0724/11/16276861_396699901.shtml(iScroll.js),http://www.swiper.com.cn/api/basic/2015/0308/197.html(swiper.js)

node.js和express.js安装和使用步骤 [windows]

PS: NODEJS:https://nodejs.org NPM:https://www.npmjs.com/ 一.node.js安装与配置到https://nodejs.org/en/download/下载,分x64和x86 安装后,配置PATH(F:\Program Files (x86)\nodejs;)和NODE_PATH(F:\Program Files (x86)\nodejs\node_modules;) 二.安装NVM,版本切换管理工具 1.系统创建放NVM代码:(c:\gi

使用backbone.js、zepto.js和trigger.io开发HTML5 App

为了力求运行速度快.响应迅即,我们推荐使用backbone.js和zepto.js. 为了让这个过程更有意思,我们开发了一个小小的示例项目,使用CSS重置样式.Backbone.js和带转场效果的几个页面.我们的项目会显示Trigger推特更新内容和单个的推特消息.与往常一样,我们将使用同一个HTML5代码库创建安卓和iOS应用程序.在这个过程中,我们将介绍如何: 把你的JavaScript文件添加到应用程序中使用Backbone.js来显示响应迅即的界面使用CSS重置样式,减少跨平台出现的

【JavaScript】前端开发框架三剑客—AngularJS VS. Backone.js VS.Ember.js

摘要:透过对Github,StackOverflow,YouTube等社区进行数据收集后可知,AngularJS在各大主流社区中都是最受欢迎的,Backbone.js与Ember.js则不相伯仲.本文将对当前三款流行的Web开发框架作个简单比较. 是否选择了合适的框架进行Web开发对项目是有重大影响的.我们都希望找到一个稳健的易维护的框架结构.接下来,我们一起来对当前三款流行Web开发框架作个简单比较认识. 初步认识 AngularJS诞生于2009年,是商业产品GetAngular的一部分.后

chrome插件background.js 和 popup.js 交互

要实现background.js 和 popup.js 之间的交互,首先需要先配置好 manifest.json文件,如: "background":{ //"page":"background.html", "scripts":["js/jquery-1.10.2.min.js","js/background.js"] } 必须要配置好 background 项,background.

如何使用 require.js ，实现js文件的异步加载，避免网页失去响应，管理模块之间的依赖性，便于代码的编写和维护。

一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代码,相信很多人都见过. <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></s

c#调用js，以及js调用C#里的函数, c#自己生成js代码，实现对web的控制

using mshtml;using System;using System.Collections.Generic;using System.Linq;using System.Security.Permissions;using System.Text;using System.Threading.Tasks;using System.Windows;using System.Windows.Controls;using System.Windows.Data;using System.Wi

three.js 使用 TweenMax.js移动物体

热门专题