• 一、在使用LayaAir2 编辑器做3D 项目时,参考API 文档,导入自己创建的 Unity3D 场景资源时,修改代码,会出现不渲染问题。这个需要导入编辑器的类库设计 才能看到 修改编辑器 类库,导入 Laya.Physics3D.js(其他...

    一、在使用LayaAir2 编辑器做3D 项目时,参考API 文档,导入自己创建的 Unity3D 场景资源时,修改代码,会出现不渲染问题。这个需要导入编辑器的类库设计 才能看到

    修改编辑器 类库,导入 Laya.Physics3D.js(其他模型导入相应的Physics3D):



  • unity3d图集Some web developers assume that HTML5 video is somehow sacrosanct from manipulation by CSS. As you can see by moving your mouse over the header above and clicking on the revealed images, ...


    Some web developers assume that HTML5 video is somehow sacrosanct from manipulation by CSS. As you can see by moving your mouse over the header above and clicking on the revealed images, that’s not true in the slightest.

    一些Web开发人员认为HTML5视频在某种程度上不受CSS操纵的影响。 正如您所看到的,将鼠标移到上方的标题上,然后单击显示的图像,这一点都不正确。

    Inspired by the closing credits of Monsters University, which uses an animated theme of “Scarer Trading Cards”, this small piece has very simple markup, using videos kindly supplied by photographer Alexander Wagner:

    受到怪兽大学 ( Monsters University)的期末学分的启发,该动画使用“ Scarer交易卡”的动画主题,使用摄影师亚历山大·瓦格纳 ( Alexander Wagner)友善提供的视频,该小作品的标记非常简单:

    <div id="scatter">
    	<figure id="desk">
    		<a href="#" id="estee"> 
    			<video poster="estee.png">
    				<source src="estee.mp4" type="video/mpeg">
    				<source src="estee.webm" type="video/webm">
    		<a href="#" id="indre"> 
    			<video poster="indre.png">
    				<source src="indre.mp4" type="video/mpeg">
    				<source src="indre.webm" type="video/webm">

    The outer <div> supplies the 3D perspective, while the <figure> element within creates the plane for the videos. Each video has two sources for cross-browser compatibility, and a poster frame to act as a stand in before the video is played.

    外部的<div>提供3D透视图 ,而其中的<figure>元素为视频创建平面。 每个视频都有两个用于跨浏览器兼容性的资源,以及一个poster框,用作视频播放之前的备用。

    The CSS controlling this is slightly more complex. (Vendor prefixes have been removed to simplify the code)

    控制它CSS稍微复杂一些。 (已删除了供应商前缀以简化代码)

    figure#desk {
    	transform: rotateX(60deg);
    	position: relative;
    	width: 200%;
    	height: 900px;
    	background: url(woodgrain.png); 
    	margin-left: -150px;
    	margin-top: -150px;
    	transition: 1.2s 2s; 
    div#scatter {
    	perspective: 700px;
    	width: 100%;
    	height: 500px;
    	overflow: hidden; 
    	background: linear-gradient(#6c6769  0%, #0a0a0a 100%); 
    figure#desk a  { 
    	position: absolute;
    	top: 150px;
    	border: 2vw solid #ffe;  
    	box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.3); 
    	width: 25%;
    	font-size: 0;
    	background: #000; 
    figure#desk a video { 
    	width: 100%;
    	font-size: 0;
    	transition: .6s; 
    a#estee  {
    	transform: translateX(200%) rotateZ(60deg);
    	transition: 2s; 
    figure#desk:hover a#estee  {
    	transform: translateX(30%) rotateZ(700deg); 
    a#indre {
    	top: 300px;
    	transform: translateX(220%) rotateZ(48deg);
    	transition: 2s .4s; 
    figure#desk:hover a#indre {
    	transform: translateX(100%) rotateZ(360deg); 
    figure#desk:hover {
    	transform: rotateX(10deg);
    figure#desk a:hover video {
    	opacity: 0.5;
    figure a:hover:before {
    	opacity: 1;
    figure#desk a:before { 
    	content: "play";
    	font-size: 30px;
    	position: absolute;
    	top: 45%; left: 45%;
    	color: #fff;
    	opacity: 0;
    	transition: .3s; 

    The videos are brought onscreen by using rotate and translate, triggered by hovering over the containing <figure> element. Each video is surrounded by a link, which provides generated content for the “play” prompt, and fades the video on hover. (The <video> elements themselves can’t create generated content due to the fact that they are replaced elements).

    将视频悬停在包含的<figure>元素上,即可通过rotatetranslate在屏幕上。 每个视频都由一个链接围绕,该链接为“播放”提示提供生成的内容,并在悬停时淡出视频。 ( <video>元素本身不能创建生成的内容,因为它们是被替换的元素 )。

    There are no playback controls, so we must start the videos with a click on their parent elements via some JavaScript:


    	var desk = document.getElementById('desk'),
    	links = desk.getElementsByTagName('a');
    	for ( var i=0;i<links.length;i++ ){
    	function handler(e){
    		var x = e.target; 
    		var video = x.querySelector("video");

    When a video is playing, we don’t want the “play” prompt to show, so we use CSS that works off the class we just applied with JavaScript:


    a.playing:hover:before {
    	content: none;
    	opacity: 0;
    a.playing video { opacity: 1; }

    There are many potential improvements that could be made here: the videos should be flagged with a “playable” status only when they are fully on-screen, and reset after they have reached their final frame. Arguably, the entire animation would be better predicated on keyframes, rather than transitions. But, crude as it is, I hope that it might inspire more work in CSS 3D manipulation of HTML5 video.

    这里可以进行许多潜在的改进:仅当视频完全显示在屏幕上时,才应将视频标记为“可播放”状态,并在达到最终帧后重置。 可以说,整个动画最好基于关键帧而不是过渡。 但是,尽管如此,我希望它能激发HTML5视频CSS 3D操作方面的更多工作。

    翻译自: https://thenewcode.com/769/Animated-3D-Card-Scatter-Gallery-with-HTML5-Video


  • Unity3D

    2014-04-09 08:30:00
    http://unity3d.com/cn http://zh.wikipedia.org/wiki/Unity_%28%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%29 转载于:https://www.cnblogs.com/dmdj/p/3653356.html
    1. http://unity3d.com/cn
    2. http://zh.wikipedia.org/wiki/Unity_%28%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%29


  • unity3D 菜单

    2017-09-15 21:47:10
    Unity3D是由Unity Technologies开发的一个让玩家轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。Unity类似于Director,Blender ...
  • unity3d记录

    2015-03-01 15:55:04
    视频: Unity3D 公开课001__引擎综述 (康托耶夫) http://v.youku.com/v_show/id_XMzQxOTU3NTY4.html 视频: Unity3D 公开课002__创建项目并发布 (康托耶夫) ...

    视频: Unity3D 公开课001__引擎综述 (康托耶夫)

    视频: Unity3D 公开课002__创建项目并发布 (康托耶夫)


    视频: Unity3D 公开课003__关于unity3d所用的资源格式 (康托耶夫)


    视频: Unity3D 公开课004__那些unity3d自带unitypackage的故事A(康托


    视频: Unity3D 公开课005__那些unity3d自带unitypackage的故事B (康托耶


    视频: Unity3D 公开课006__那些unity3d自带unitypackage的故事C (康托耶


    视频: Unity3D 公开课006__如何做漂亮的山体 (康托耶夫)



  • Unity3D 飞机生死大战 完整...http://www.idoubi.net/unity3d/complete-project/5678.html Unity3D益智休闲游戏 秀才找字 完整源码 Word Search template v1.6 http://www.idoubi.net/unity3d/complete-project/5670...
  • About Unity3D & Html5 & Flash

    千次阅读 2011-10-28 18:35:56
    * UnityHTML5等并非威胁 Flash未必消亡: http://gamerboom.com/archives/40024 * Chris Hughes谈Flash游戏现状和技术竞争: http://gamerboom.com/archives/40208 * 阐述Flash游戏领域的授权和盈利模式: ...
  • 1.新建unity3d工程(这里的版本为Unity3d2018.4.14),导入FMETP STREAM插件(没有这个插件的找我,我已经买了)。 2.在场景创建空实体FMSocketIOManager,添加FMSocketIOManager组件,将Networktype设为Server ...
  • Unity3D shader专题

    2017-06-16 13:15:00
    Unity模型部分隐藏着色器 ... Unity3d 描边shader介绍 http://www.cnblogs.com/joeshifu/p/5489727.html Unity3D shaderlab学习总结 http://www.jianshu.com/p/7b9498e5...
  • (5)Unity3d GUI

    2019-10-06 18:39:11
  • http://www.idoubi.net/unity3d/tool/5805.html Unity3D插件 截屏工具 Ultimate Screenshot Creator v1.4.3 http://www.idoubi.net/unity3d/tool/5803.html Unity3D Q版糖果消消乐 完整源码 ...
  • 转自...5.内存方面;6.垃圾回收方面 等等...本着相互交流 共同进步的原则好了,总结如下:1.尽量避免每帧处理,可以每隔几帧处理一次比如:[C#]纯文本查看复制代码function...
  • Unity3D脚印5——输入

    2019-10-05 05:09:42
    Input 使用这个类能够读取输入管理器设置的按键,以及访问移动设备的多点触控或加速感应数据。...按钮的名字:http://game.ceeger.com/Script/Enumerations/KeyCode/KeyCode.html 鼠标: Input.mousePosi...
  • unity3d深入学习笔记5:内存释放

    千次阅读 2016-02-18 10:12:24
    http://www.cnblogs.com/U-tansuo/archive/2013/04/02/unity3d_memory_optimization.html   首先:Unity3d提供的Object.Destroy和Object.DestroyImmediately有什么区别呢?   有人在使用Destroy的时候说销毁的...
  • Unity3d-Patrol

    2018-05-12 00:24:26
    #Unity3d-Patrol## 视频链接http://www.iqiyi.com/w_19rxtklcqd.html##游戏设计要求 - 创建一个地图和若干巡逻兵(使用动画); - 每个巡逻兵走一个3~5个边的凸多边型,位置数据是相对地址。即每次确定下一个目标...
  • unity3d 5.x networking

    2016-01-12 18:17:00
  • Unity3D工程源码目录

    千次阅读 2020-07-30 16:38:20
    转载: https://www.cnblogs.com/AaronBlogs/p/6816842.html 2-0 暗黑破坏神3 ...2-1 炉石传说 客户端加服务器端 ...2-2 新仙剑奇侠传 链接:http://pan.baidu.com/s/1b4QVqI 密码:dic5 2-3 unity3d 战斗卡牌《变身吧主公
  • Unity3d的资源管理

    2015-08-21 16:43:00
    1.unity5的AssetBundle的运作机制 ... http://forum.unity3d.com/threads/new-assetbundle-build-system-in-unity-5-0.293975/ 2. 转载于:https://www.cnblogs.com/vilyLei/articles/4748302.html
  • 官方介绍:https://docs.unity3d.com/Manual/AssetBundlesIntro.html AssetBundle是一个压缩包包含模型、贴图、预制体、声音、甚至整个场景,可以在游戏运行时被加载(热更); AssetBundle自身保存着互相的依赖...
  • Unity3D是做什么的

    2021-02-19 10:50:09
    Unity3D是由Unity Technologies开发的一个让玩家轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。Unity类似于Director,Blender ...
  • Unity3D 涟源链接

    2018-12-07 14:46:05
    unity 的渲染技术 http://www.cnblogs.com/alonecat06/archive/2012/09/24/2700747.html https://community.arm.com/community/arm-cc-cn/blog/2014/06/06/mali-gpu-%E6%8A%BD%E8%B1%A1%E6%9C%BA%E5%99%A8-...
  • 马上注册,结交更多好友,享用更多功能,...您需要 登录 才可以下载或查看,没有帐号?...unity5版本以后开始支持发布WebGL运行在html5中,彻底改变了无插件在网页中可以运行web3d,Websocket技术的出现也给unitywebGL...
  • Unity3D 5.0版本之后的AssetBundle机制和之前的4.x版本已经发生了很大的变化,一些曾经常用的流程已经不再使用,甚至一些老的API已经被新的API所取代。 因此,本文的主要内容就是分析5.X版本的AssetB
  • Unity3D 页游测评报告

    千次阅读 2012-03-16 16:19:25



1 2 3 4 5 ... 20
收藏数 456
精华内容 182