<html>
<head>
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
</head>
<body text="#000000" bgcolor="#FFFFFF">
Hi everybody,<br>
<br>
On big image files - huge repository<br>
<br>
70% of the images are screenshot of the UI.<br>
I've started a attempt to solve this problem once and for all<br>
by copying the Blender UI to HTML + CSS + SVG.<br>
This is done by parsing an XML file with JS to HTML.<br>
The generated html fragments can then be used as a replacement for
the images.<br>
The icons are the original Blender svg-icons.<br>
<br>
The biggest problem is the 3D shading Blender does, <br>
but I found work arounds.<br>
<br>
<a class="moz-txt-link-freetext"
href="https://github.com/tobiasHeinke/BlenderWebUI">https://github.com/tobiasHeinke/BlenderWebUI</a><br>
<br>
The Fun start with the preserved interactivity:<br>
CSS hover or with JS script:<br>
Show tooltips, dynamically highlight regions, functional widgets...<br>
User can select Blender theme: change CSS file,<br>
OS specific key map<br>
<br>
This interface could also be used by the blend4web project.<br>
Or does it even already exists somewhere out there on the interweb?<br>
<br>
Greetings<br>
Tobias<br>
<br>
<div class="moz-cite-prefix">Am 09.02.2016 um 19:45 schrieb
gandalf3:<br>
</div>
<blockquote cite="mid:56BA33BC.8040300@gmail.com" type="cite">
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
I created a <a moz-do-not-send="true"
href="https://developer.blender.org/T44973">task</a> for this,
if it's of any use<br>
<br>
<div class="moz-cite-prefix">On 02/09/2016 08:49 AM, Campbell
Barton wrote:<br>
</div>
<blockquote
cite="mid:CAEcf3NyutRwBOChZX0V5j5AhDL6wQ=QVuM4CiQub-uQ3i5=fhA@mail.gmail.com"
type="cite">
<pre wrap="">Hi, when moving to away from the wiki we chose to use quite compressed
images to avoid a huge repository.
Since then, there are some images which look noticeably low quality,
so I've gone back and made an archive of all the images from the wiki.
Realize its not so convenient to manually go over each image, so we
can just do this for prominent images with noticeable problems.
Here's the archive:
<a moz-do-not-send="true" class="moz-txt-link-freetext" href="http://download.blender.org/ftp/ideasman42/wiki_manual_images.tar">http://download.blender.org/ftp/ideasman42/wiki_manual_images.tar</a> (122mb).
</pre>
</blockquote>
<br>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
Bf-docboard mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Bf-docboard@blender.org">Bf-docboard@blender.org</a>
<a class="moz-txt-link-freetext" href="http://lists.blender.org/mailman/listinfo/bf-docboard">http://lists.blender.org/mailman/listinfo/bf-docboard</a>
</pre>
</blockquote>
<br>
</body>
</html>