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 ...