TWaver初学实战——炫动2D机房之连线篇
其实能真正体现TWaver特色的，不是之前的机柜和设备面板的绘制，而是今天要实现的端口连线。 制作连线前，首先要增加个“连线模式”的开关。方案很多种，我选择灵活简洁的 右键菜单 popupMenu.isVisible = function(menuItem) { var ...
原文：TWaver初学实战——炫动2D机房之机柜篇
前一段参与了一个 D机房的项目，但是这种 命题作文 总感觉憋屈，那就回咱这主场再发挥发挥 第一篇，咱就从机柜下手。 机柜似乎有点太简单了，因为 机柜就是个大灰框 drawBorder: function ctx ctx.fillStyle gray ctx.fillRect this. rackX, this. rackY, this. rackOuterWidth, this. rackOute ...
2017-08-11 22:40 9 788 推荐指数：
相关推荐
TWaver HTML5 (2D)----数据元素
概述 数据元素是数据模型的基本要素，用于描述图形网元，业务网元，或者纯数据。TWaver HTML5中所有数据元素都继承自twaver.Data。为不同功能的需求，预定义了三类数据类型：twaver.Element,twaver.Alarm,twaver.Layer,分别用来描述拓扑的网元，告警 ...
TWaver初学实战——如何在EasyUI中插入TWaver
TWaver是一款强大的图形界面开发组件，可以很方便地集成到其他开发工具中。今天就用一个小例子来操练如何结合TWaver和EasyUI进行网页开发。 准备工作 俗话说他山之玉可以直接拿来，EasyUI的小程序我们直接到其网站上拿一个就好啦，我一眼相中了下图这个有布局、有表格的小例子，咱们就来 ...
基于HTML5 Canvas 点击添加 2D 3D 机柜模型
今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事 ...
TWaver初学实战——基于HTML5的交互式地铁图
每天坐地铁，经常看地铁图，有一天突然想到，地铁图不也是一种拓扑结果吗？TWaver到底能与地铁图擦出怎样的火花呢？ 想到就干，先到网上找幅参考图。各种风格的地铁图还挺多，甚至有大学生自主设计制作，受到地铁相关人士的认可和赞扬。不过看到他花了3周时间，我就比较同情他了，如果学会 ...
无插件纯Web HTML5 3D机房 终结篇（新增资产管理、动环监控等内容）
插播一则广告（长期有效） 应发展需要，需要在武汉招JavaScript工程师若干 要求：对前端技术(JavasScript、HTML、CSS)，对可视化技术(Canvas、WebGL)有浓厚的兴趣 基 ...
Unity3D 2D Sprite描边效果Shader，可手动调整效果适配
最近两个月学了很多Shader的知识，现在也算入点门了。现在网上有很多2D描边的Shader，说实话大多数很差劲。有些多余的条件判断影响效率，提供的参数也不够适配所有图片。因为美术喜欢在图片上面加一些效果，再加上切图的时候背景图的透明部分不够多，或者透明通道透明不彻底等等问题，2D图片描边效果 ...
【Unity3D基础教程】给初学者看的Unity教程（四）：通过制作Flappy Bird了解Native 2D中的RigidBody2D和Collider2D
作者：王选易，出处：http://www.cnblogs.com/neverdie/ 欢迎转载，也请保留这段声明。如果你喜欢这篇文章，请点【推荐】。谢谢！ 引子 在第一篇文章【Unity3D基础教程】给初学者看的Unity教程（一）：GameObject，Compoent，Time ...