SVG-VML-3D 1.3

* Source text URL: https://www.lutanho.net/svgvml3d/index.html




Што такое SVG і VML?

SVG (Scalable Vector Graphics) з’яўляецца фарматам, які рэкамендаваны кансорцыумам W3C для апісання вектарнай графікі, асабліва для выкарыстання ў вэб-старонках. Для таго, каб праглядзець старонку з уключаным SVG аб’ектам, неабходна ўсталяваць убудову для вашага вэб-браўзара. Вы можаце атрымаць яго бясплатна ад http://www.adobe.com/svg/. Ёсць убудовы для многіх вэб-браўзэраў.

VML (Vector Markup Language) з’яўляецца іншым фарматам для апісання вектарнай графікі, якая ў цяперашні час выкарыстоўваецца толькі Microsoft Internet Explorer. Вы можаце праглядаць вэб-старонкі з VML кодам у любым Internet Explorer 5.x і вышэй, няма неабходнасці ўсталёўваць штосьці да прагляду.

Што такое SVG-VML-3D?

SVG-VML-3D гэта свабодная бібліятэка JavaScript, якая можа выкарыстоўвацца для малявання і маніпулявання 3D-аб’ектаў у HTML-старонках з дапамогай SVG або VML. Код JavaScript, які павінен быць набраны ў фармаце HTML для вызначэння скрыпта (3D-аб’ектаў, прагляду пазіцыі, святло, …), тое ж самае для SVG і VML. Калі браўзар IE, то аўтаматычна будзе выкарыстоўвацца VML, у адваротным выпадку, будзе выкарыстоўвацца SVG.

Што я магу зрабіць з гэтай бібліятэкай?

Адзін пас больш за 1000 слоў, каб паглядзець на гэты прыклад, націсніце на фатаграфію. Пераканайцеся, што вы выкарыстоўваеце Internet Explorer або ўстаноўлена SVG убудова для браўзара. Першае ўражанне, як лёгка адлюстроўваць 3D-аб’екты, якія выкарыстоўваюць гэтую бібліятэку, паглядзіце на зыходны код адпаведнага HTML-файла. Svgvml3d.js файл з’яўляецца асновай бібліятэкі і заўсёды павінны быць уключаны. Калі вы жадаеце выкарыстоўваць 3D-графіку, то файл boundingbox.js павінны быць уключаны. Акрамя гэтага, вы можаце вызначыць свае ўласныя класы для канкрэтных 3D-аб’ектаў. Аб’екты, якія вызначаны ў файлах platonic.js і colorbox3d.js, выкарыстоўваюцца толькі ў пэўным кантэксце. Звярніце ўвагу на гэтыя 2 файла, каб убачыць, як вы можаце вызначыць свае ўласныя аб’екты для выкарыстання гэтай бібліятэкі.



Платонавы тэл


3D-графіка


Функцыя плоттер


Кубік Рубіка

Дзе я магу атрымаць гэтую бібліятэку?

Калі вы націснулі на адну з фатаграфій, то ў вас ужо ёсць яны ў кэшы вашага вэб-браўзэра;-) Але для Вашай зручнасці я даю вам спасылку на запампоўку ўсяго матэрыялу.

© Лутц Tautenhahn, 10/2002

абнаўленне 02/2004: празрыстыя аб’екты і лінейныя аб’екты даступныя

абнаўленне 02/2005: дададзеныя метады для выдалення і перамалёўкі сцэны, паляпшэнне ўзораў файлаў, выпраўленыя памылкі і дададзеная дакументацыя

абнаўленне 02/2006, 08/2006, 10/2006: зменены код, каб атрымаць SVG філіял сцэнары працы з ASV3/Mozilla

Абнаўленне 11/2006: зменены код для падтрымкі ўзаемадзеяння з карыстачом з дапамогай мышы