TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Rendering Head in WebGL

238 点作者 itamarb大约 11 年前

29 条评论

bd大约 11 年前
Author of the demo here. Some background info about origin of the head model (of which my WebGL rendering is just a pale shadow, check following links for really high quality offline renders and also animation capture).<p>The head model was based on 3D scan using DIY scanning apparatus created by a single very talented person in his spare time - artist Lukáš Hajka:<p><a href="http://pchiik.tumblr.com/" rel="nofollow">http:&#x2F;&#x2F;pchiik.tumblr.com&#x2F;</a><p>He documented his process here:<p><a href="http://www.zbrushcentral.com/showthread.php?177615-DIY-Universal-Capture-System" rel="nofollow">http:&#x2F;&#x2F;www.zbrushcentral.com&#x2F;showthread.php?177615-DIY-Unive...</a><p><a href="http://www.cgfeedback.com/cgfeedback/showthread.php?t=3776" rel="nofollow">http:&#x2F;&#x2F;www.cgfeedback.com&#x2F;cgfeedback&#x2F;showthread.php?t=3776</a><p>At first it was just static model, later on he created a pipeline also for capturing animations:<p><a href="http://www.youtube.com/watch?v=MgceFBMYvSU" rel="nofollow">http:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=MgceFBMYvSU</a><p><a href="http://www.youtube.com/watch?v=GOV7wvMZFBs" rel="nofollow">http:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=GOV7wvMZFBs</a><p>Lukáš deserves most of the praise, the model is just great. Shading I used here is actually pretty simple, I used more complex techniques elsewhere yet the overall results didn&#x27;t look as good as this model with a simpler technique.<p>Here are some of my earlier attempts, each using a different technique:<p><a href="http://alteredqualia.com/three/examples/webgl_materials_skin.html" rel="nofollow">http:&#x2F;&#x2F;alteredqualia.com&#x2F;three&#x2F;examples&#x2F;webgl_materials_skin...</a><p><a href="http://alteredqualia.com/three/examples/webgl_materials_bumpmap_skin.html" rel="nofollow">http:&#x2F;&#x2F;alteredqualia.com&#x2F;three&#x2F;examples&#x2F;webgl_materials_bump...</a><p><a href="http://alteredqualia.com/xg/examples/forward_materials_skin_jonas.html" rel="nofollow">http:&#x2F;&#x2F;alteredqualia.com&#x2F;xg&#x2F;examples&#x2F;forward_materials_skin_...</a>
评论 #7496646 未加载
评论 #7495739 未加载
quaunaut大约 11 年前
The glowing eyes before the skin had loaded was a bit scary, but overall, good work. However, is it possible to easily disable the heavy depth of field? I feel like that might be exaggerating the quality in a way that wouldn&#x27;t be realistic for practical use, especially in terms of the hair&#x2F;stubble over their skin.
评论 #7495528 未加载
评论 #7495498 未加载
taspeotis大约 11 年前
There&#x27;s quite a few good WebGL demonstrations to choose from on the home page [1].<p>[1] <a href="http://alteredqualia.com/" rel="nofollow">http:&#x2F;&#x2F;alteredqualia.com&#x2F;</a>
评论 #7495542 未加载
User8712大约 11 年前
Anyone else running into blurring issues? I tested it out on Firefox and Chrome, and in both browsers the face texture is a blur. The high resolution only appears when I have the browser scaled horizontally small enough to cut off half of the head. If I scale it larger, it blurs out again.<p><a href="http://i.imgur.com/Yd4jCme.jpg" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;Yd4jCme.jpg</a>
评论 #7495535 未加载
评论 #7495923 未加载
评论 #7496703 未加载
评论 #7495564 未加载
评论 #7495583 未加载
nlh大约 11 年前
Amazing realism. I just had a vision of meeting a character like that in a game - up close - wearing my Oculus (or better...)<p>And it was awesome.<p>Lots of exciting stuff ahead folks. This is going to get good.
hamburglar大约 11 年前
I really like the way the limited depth-of-field makes it feel like he&#x27;s <i>really</i> close to you. Creepy as heck.<p>By the way, I think a less disturbing title would be &quot;Rendering A Head in WebGL&quot; :)
评论 #7495916 未加载
idoco大约 11 年前
This skin layer image is so creepy...<p><a href="http://alteredqualia.com/xg/examples/models/ctm/head/diffuse2k2.jpg" rel="nofollow">http:&#x2F;&#x2F;alteredqualia.com&#x2F;xg&#x2F;examples&#x2F;models&#x2F;ctm&#x2F;head&#x2F;diffuse...</a>
Bjorkbat大约 11 年前
I&#x27;m going to bookmark this, in case I ever feel the need explain the Uncanny Valley to others through example.
bluepnume大约 11 年前
Vaguely interesting: how much his emotions seem to change only based on his head&#x2F;eye angle: <a href="http://imgur.com/a/6QEIq" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;6QEIq</a>
评论 #7496245 未加载
doktrin大约 11 年前
slight tangent : can anyone recommend resources or entry level project ideas for anyone getting started with rendering APIs (OpenGL, WebGL, d3d, etc.)?<p>I&#x27;m not opposed to any of the JS wrappers (three.js), but would like to develop some intuition about the APIs that more closely interact with the GPU.
评论 #7495533 未加载
评论 #7495534 未加载
评论 #7495674 未加载
cottonseed大约 11 年前
Wow. Creepy. I think we found the NSA mascot. &quot;We&#x27;re watching.&quot;
JabavuAdams大约 11 年前
Ok, that&#x27;s terrifying. It needs to blink and should bee smiling.<p>I understand that it&#x27;s a lot easier to acquire a static mesh than one that&#x27;s rigged for animation.
Geee大约 11 年前
Incredible result. Eyes are not on par with the rest, however. Could you add SSS material on the eye-white, I think that would bump up the realism a notch.
评论 #7496256 未加载
评论 #7496580 未加载
bariswheel大约 11 年前
The initial black mask adds to the overall creepy vibe of this unsuspecting giant face presented before me. I wasn&#x27;t going to sleep anyway.
filipedeschamps大约 11 年前
Amazing! And it&#x27;s 15fps in my Macbook Air with Chrome.<p>Setting DOF to false bump fps up to almost 25.
Jamie452大约 11 年前
Wow that&#x27;s so awesome! I&#x27;d love to see more things in that level of detail!
Sander_Marechal大约 11 年前
Pretty cool&#x2F;creepy how the eyes keep looking at you when the head rotates.
marcosscriven大约 11 年前
I&#x27;m getting really fed up of WebGL not working on iOS!
chii大约 11 年前
I wish the author wrote an explanation on how it works!
jeena大约 11 年前
Wow, what a difference between Chrome and Firefox.
评论 #7495853 未加载
stesch大约 11 年前
OK, a shadow of a head. Do I miss something?
评论 #7496177 未加载
SimeVidas大约 11 年前
Ok, it&#x27;s starting to get creepy :P
troels大约 11 年前
What is this? Is it just a high res texture mapped polygon or is it some kind of ray tracing?
teejaygreen大约 11 年前
Click link. Listen to video card fan speed up dramatically.
Eleutheria大约 11 年前
Could you try using Megan Fox&#x27;s head next time?<p>Thanks.
trigoman大约 11 年前
That&#x27;s too fucken creepy!
lowglow大约 11 年前
That&#x27;s amazing.
SimHacker大约 11 年前
Fun With Your New Head<p>Heads are so funny, and there are a thousand laughs in store for you in the new, improved HEAD. Everyone enjoys a talking HEAD, from young to old. Taste, see, smell, and &quot;pain&quot; with a HEAD. Experience every emotion known to the HEAD. And if you already have a HEAD, remember what the HEADS say: &quot;Two HEADS are better than one!&quot;<p>Everyone enjoys a talking HEAD. Every minute is different from the next minute in incredible thought-chaos of a HEAD. And every single HEAD is different!<p>HEADS are so funny. Listen to the limbless talking HEAD talk about &quot;Freedom,&quot; &quot;Death,&quot; &quot;Beauty,&quot; and &quot;God-Father.&quot; Make the HEAD fall in &quot;Love&quot; with you. Any HEAD can be made to &quot;Love,&quot; if training manual instructions are carefully observed. Watch the worn-out HEAD die, talking, talking, talking till the moment in decays. Indeed, it is not an exaggeration to say HEADS are so funny.<p>Taste, see, smell, and &quot;pain&quot; with a HEAD. Every HEAD purchaser receives absolutely free a &quot;Life-time&quot; supply of &quot;Food.&quot; Put &quot;Food&quot; in the HEAD&#x27;s <i>Mouth</i>, then insert consensual Apparat into <i>Left Collarbone</i>. You will taste every molecule of the <i>Mouth&#x27;s</i> &quot;Food.&quot; Only those who have &quot;eaten&quot; with a <i>Mouth</i> can understand the incredible sensations of &quot;Food.&quot;<p><i>Left Collarbone</i> is likewise Input&#x2F;Output source for <i>Right Eye</i> and <i>Left Eye</i>. See the strange little world of the <i>Right Eye</i>, looking at <i>you</i>! See through the <i>Left Eye</i> too! Then see through both the <i>Right Eye</i> and th e<i>Left Eye</i> together. Every Exo-Export HEAD has <i>two</i> eyes. Don&#x27;t accept less!<p><i>Left Collarbone</i> is likewise Input&#x2F;Output source for <i>Nose</i>. Now, with the new, improved HEAD you can experience the disconcerting primeval world of &quot;Sex,&quot; as the center of the new HEAD&#x27;s sex-tropic response is removed from obsolete and unsightly sacral area and redirected to the graceful <i>Nose</i>. Just one more reason why two HEADS are better than one!<p><i>Left Collarbone</i> is likewise Input&#x2F;Output source for &quot;pain&quot;-sensitive <i>Chin</i>. Throughout the galaxies there are creatures, often the most insignificant, that can experience the famous &quot;Negative Pleasure,&quot; and now with a HEAD you can too! The new, improved HEAD is thirty percent more sensitive to &quot;pain,&quot; thanks to refinements in the <i>Chin</i>.<p><i>Left Collarbone</i> is likewise Input&#x2F;Output source and control center for <i>Adam&#x27;s Apple</i>. Nothing is easier than to take over your HEAD&#x27;s talking- function. Amuse your friends by talking through your own HEAD! What could be funnier than to talk to another HEAD that thinks <i>you</i> are just a HEAD too?<p>Everyone enjoys a talking HEAD, from young to old. Even more fun than talking-function of the HEAD is thought-function. Insert compassional Apparat into <i>Right Collarbone</i>, and experience every emotion known to the HEAD. <i>You</i> will feel the HEAD&#x27;s amazing &quot;Love.&quot; <i>You</i> will be paralyzed with the HEAD&#x27;s consuming &quot;Fear&quot; of pain and of its own inescapable death. <i>You</i> will hate your own self -- perhaps the most exciting sensation of all.<p>HEADS are educational. Everyone should have his own HEAD to grow up with. HEADS provide an easy and stimulating introduction to basic concepts of xeno-language and xeno-culture. Each HEAD is given a thorough grounding in the astonishing cultural traditions of its autochthonous planet. A third of a lifetime is devoted to the education of every Exo-Export HEAD.<p>HEADS are perfectly safe for the young. The sharp, skeletal teeth are extracted from each HEAD&#x27;s <i>Mouth</i> at the time of assembly and refitted with harmless, hydraulic pseudo-teeth.<p>Many designers consider HEADS to be an attractive addition to the decor of one&#x27;s environment, especially in arrangements with contrasting xeno-flora and xeno-fauna. For the fashion-conscious HEADS are available now in a range of natural tincts from brown through pink. When treated with new, special-formula Fungi-X, HEADS can also be cultivated in more agreeable colors, though fungifying processes will abbreviate markedly the lifetime of the HEADS so treated.<p>Everyone should have his own HEAD, and now everyone can! Thanks to the diminished <i>Chest</i> volume of the new, improved HEAD, the result of recent advances in biominiaturization, HEADS are cheaper than every before. They eat less and take up less space too! So why don&#x27;t you buy your new HEAD today?<p>Any HEAD you buy from Exo-Export is guaranteed to be the native handicraft of its autochthonous planet, where bioengineering has long been practiced by the wild-four-limbed progrnitors and manufacturers of the HEADS.<p>There are a thousand laughs in store for you in the new, improved HEAD. Why don&#x27;t you buy your new HEAD today? Why don&#x27;t you buy your new HEAD today? Why don&#x27;t you buy your new HEAD today?<p>Only 49.95 from Exo-Export Monopolies.<p>Copyright 1968 by Thomas M. Disch An earlier version of this story, entitled &quot;Cephalotron,&quot; originally appeared in <i>Playboy Magazine</i>, copyright 1966 by HMH Publishing Co., Inc.<p><a href="https://www.youtube.com/watch?v=ZqefPy3q3Do" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=ZqefPy3q3Do</a>
评论 #7495507 未加载
ByronT大约 11 年前
The first step toward Oculus and Facebook integration...