Guillaume Fradin，英国伦敦的开发者
Guillaume is available for hire
Hire Guillaume

Guillaume Fradin

Verified Expert  in Engineering

视觉效果(VFX)开发者

Location
London, United Kingdom
Toptal Member Since
May 31, 2018

作为一个企业家和经验丰富的前端开发人员, 纪尧姆有多年使用和创建视频和图像工具的经验. 总是把用户放在第一位, 他试图找到设计和开发功能的最佳方法，使它们易于理解和使用. He is conscientious, 相信清晰地沟通目标, 迭代最初的想法，不断改进它们, 彻底测试他的代码.

AlgorithmsAnimationCSSJavaScriptCanvasRuby on Rails 5RubyThree.jsCoffeeScriptVuexGLSLWebGLFull-stackPythonHTML53D Modeling SoftwareMayaPug

Portfolio

Polygonjs
Ruby on Rails (RoR)， Ruby, TypeScript, GLSL, WebGL，三.js, 3D Modeling...
Virtual Tour Company
WebGL, Three.js, TypeScript, HTML, CSS, GLSL, Webpack, Houdini, Python, Vex...
卫生设施公司(NDA)
TypeScript, Vue, Ruby on Rails (RoR)， Mapbox, 3D建模，算法...

Experience

视觉特效(VFX) - 15年Houdini - 15 yearsRuby on Rails 5 - 10年Three.js - 8 yearsMapbox - 2 yearsGLSL - 2 yearsWebGL - 2 yearsVue - 2 years

Availability

Part-time

Preferred Environment

Git, Sublime Text, Linux

The most amazing...

...我为一家财富500强公司设计并实现了一个交互式工具，它可以在地图上可视化实时3D空气质量数据.

Work Experience

Founder/Developer

2018 - PRESENT
Polygonjs
  • 开发了一个基于node的软件来创建交互式3D web应用程序. 当前演示(测试版):http://polygonjs.com/demo.
  • 预期的最终目标将是为在线商店以及在线实时可视化创建3D配置器.
技术:Ruby on Rails (RoR)， Ruby, TypeScript, GLSL, WebGL, Three.js, 3D建模，算法，架构，全栈，软件设计，创业，节点.js, React，游戏开发，游戏，动画

高级WebGL创意开发人员

2020 - 2021
Virtual Tour Company
  • 作为唯一的WebGL开发者，负责创建一个虚拟之旅, 用户可以在展示许多高分辨率3D模型的空间中导航.
  • 优化了30多个不同的3D模型，每个模型都是1G+文件. 在不损失视觉质量的情况下，将它们每个减少到1Mb.
  • 为每个模型创建不同层次的细节(lod)，并根据相机位置切换显示哪个版本.
  • 开发了相机导航系统，用户可以点击兴趣点(POI)，这将使相机动画到目标位置(在每个相机位置变化, 隐藏或显示相关对象, 例如新的POI或特定的拖拉机).
  • 开发了外观开发, 其中包括创建光图, 天空的加入创造了令人惊叹的视觉效果.
  • 为脉动POI创建自定义GLSL着色器.
技术:WebGL，三.js, TypeScript, HTML, CSS, GLSL, Webpack, Houdini, Python, Vex, 3D Modeling, Algorithms, Architecture, Leadership, Full-stack, Software Design, Node.js, Animation

首席地图可视化开发人员

2020 - 2020
卫生设施公司(NDA)
  • 创建了一个可视化工具来查看美国各地的医疗设施.
  • 由客户端提供的允许用户创建PPE请求的实现设计, saving to the database, 并向访问者显示摘要预览.
  • 实现了一个自定义可视化工具, 结合地图上显示的数据点和在线电子表格上的其他数据点.
  • 测试了几个地图的外观和感觉, 包括地图皮肤(黑暗), light, 彩色)和配色方案，数以千计的标记存在于任何给定的时间.
  • 优化加载系统，预缓存地图数据, 当用户输入新数据时更新它, 并在合理的时间范围内展示.
技术:打印稿, Vue, Ruby on Rails (RoR)， Mapbox, 3D建模，算法, Architecture, Full-stack, Software Design

WebGL Developer

2018 - 2019
财富500强电信公司(NDA)
  • 创建了几个设计命题，在地图上以3D方式显示空气质量数据.
  • 实现了工具和技术，从三个实时馈送创建3D直方图.js和自定义的GLSL着色器在Mapbox之上.
  • 从Mapbox中获取街道数据, 把它转换成几何图形, 并应用自定义GLSL着色器来显示街道动画, 模拟交通流量.
  • 实现的交互允许用户选择任何街道并显示该位置的数据.
  • 实现了一个工具来导航来回的时间，允许看到过去的空气质量数据.
技术:Houdini, Vue, Three.js, GLSL, Mapbox, WebGL，算法，全栈，软件设计，动画

Lead WebGL Developer

2018 - 2018
流媒体音乐提供商(NDA)
  • 用胡迪尼创造了一个三维互动地球仪，用点代表音乐事件.js, and Vue.
  • 创建了一个系统，艺术地放置音乐事件使用胡迪尼，并导出他们的三个.js. 我们的目标是在精确的位置和视觉上令人愉悦的点分布之间找到适当的平衡.
  • 创建了自定义的玻璃着色器，当用户将鼠标悬停在一个点上时，可以在球体上产生3D波浪效果.
  • 考虑到项目的艺术品质，重点放在外观和感觉上. 最终的设计是根据客户提供的PDF设计进行改编的, 因为一旦动画就位，感知就会改变.
  • 创建了各种动画:为相机，地球的旋转，波的效果，星星褪色.
技术:Houdini, Vue, WebGL, Three.js，算法，动画

Three.js/WebGL/Vue Developer

2018 - 2018
Layerframe
  • 为一家音乐公司的一个活动实现了一个站点.
  • 这个网站是一个以3D地球仪为中心的体验, 上面有50多个点被放置在精确的位置，以宣布音乐活动.
  • 用户可以及时导航以显示特定的节日, 以及与全球互动, 点击不同的点来显示每个点的历史和统计数据.
  • 地球仪的设计是用Three创建的.js instancing system, 结合自定义的GLSL着色器对用户点击做出反应, 在地球上创造一个平滑的颜色传播.
  • 我还使用胡迪尼来预生成一些几何图形, 比如点的位置和国家的纹理.
  • 自定义事件传播用于显示和定位在html中创建的事件标签, 基于三点的点的三维位置. 为了使圆点在越过地平线时逐渐消失，还必须考虑到与相机的距离.
Technologies: Chart.js, Vue, JavaScript, GLSL, WebGL, 3.js, Algorithms

图像渲染顾问

2018 - 2018
Outshinery
  • 创建了一个原型，帮助客户自动渲染数千张图像，同时允许在需要时进行手动调整.
  • 使用视觉效果软件胡迪尼管道的各种输入，只在需要时渲染.
技术:Python, Ruby on Rails (RoR)， Ruby, Houdini

Three.js/WebGL Developer

2018 - 2018
Leapforward
  • 使用Three开发不同聊天渠道的实时有机/细胞视图.js.
  • 与移动开发人员合作，允许视图与React-mobile一起工作.
技术:JavaScript，三.js

Main Developer

2018 - 2018
In One Motion
  • 从头开始设计和开发整个应用程序, 定期与客户沟通.
  • 集成谷歌云，允许用户启动虚拟机与一个单一的点击.
技术:Heroku, Google Cloud, JavaScript, Ruby on Rails (RoR)， Ruby

高级外汇技术总监

2016 - 2017
工业光魔
  • Created, maintained, 并制作了各种各样的视觉效果(飞行纸), building destruction, 神奇的人物变换, space explosion, 《欧博体育app下载》和《欧博体育app下载》.
  • 作为5-10人的FX团队的一员，与其他部门(生产)协调. 照明，建模，合成).
Technologies: Three.. js, Python，胡迪尼，3D建模，领导力，动画，视频

Founder

2012 - 2017
PrintMosaic
  • 创建完整的web应用程序, 它允许用户创建由数百个小图像组成的大型海报马赛克. (可按要求提供演示).
  • 使用Ruby on Rails开发服务器端，使用CoffeeScript开发客户端，客户端可以使用自定义放大镜轻松预览海报马赛克, 展示他们上传的照片是如何进行后期处理的.
  • 设计的应用程序是完全自动化的海报生成的后台任务，只要购买.
  • 向使用该应用程序的数千名客户出售海报.
  • 监督Heroku上应用程序的频繁部署.
技术:Stripe, Resque, Heroku, CoffeeScript, Ruby on Rails (RoR)， Ruby, Startups

Writer/Director

2015 - 2016
Broken Circle Productions
  • Wrote, produced, 并执导了短片《欧博体育app下载》, 在包括伦敦短片节和美学电影节在内的9个电影节中入选的影片, 让它有资格获得英国电影学院奖. 该影片可在http://vimeo上观看.com brokencircleprod/seeds(密码:seeds).
技术:铸造核，胡迪尼

Founder

2015 - 2016
VfxToolbox
  • 创建了完整的web应用程序，允许视觉效果艺术家使用胡迪尼轻松地在平台上分享他们的工作. 动画3D模型和工具从胡迪尼上传，并显示在浏览器中使用基于三个代码.js. (可按要求提供演示).
  • Customized Three.在浏览器中正确显示由胡迪尼软件创建的几何文件.
技术:胡迪尼，三.js、Ruby on Rails (RoR)、Ruby、初创公司

首席外汇技术总监

2015 - 2015
MPC
  • Created, maintained, 并使用工具为电影《欧博体育app下载》制作了各种各样的视觉效果，包括尘埃龙卷风和尘埃泡.
  • 带领三人小组，确保与其他部门(生产部门)的沟通, animation, concept, lighting, compositing).
  • 获得奥斯卡最佳视觉效果奖提名.
技术:铸造厂核，Python，胡迪尼，领导力，动画，视频

Founder

2008 - 2014
MediaTag.io
  • 使用Ruby on Rails为服务器端设计并创建了一个完整的web应用程序.
  • 使用Vue创建客户端.js、CoffeeScript、Pug、Sass和Foundation.
  • 设计极简UI, 确保在适当的时间向用户提供适当数量的信息.
  • 管理入站博客, SEO)和外展(接触行业影响者和博主)营销以及自动化(如推荐系统).
  • 将应用程序与第三方工具(如YouTube和Vimeo)集成(使用服务器和JavaScript API).
  • 监督Heroku上应用程序的频繁部署.
技术:Sass, Pug, Sidekiq, Heroku, CoffeeScript, Three.js、Vue、Ruby on Rails (RoR)、Ruby、Startups

首席外汇技术总监

2012 - 2012
Framestore
  • Created, maintained, 并使用工具为电影《欧博体育app下载》的水下结尾序列制作了各种各样的视觉效果. 效果包括植物程序建模和动画, bubbles, floating plankton, 和大烟雾/泥浆模拟.
  • 领导2人小组，确保与其他部门(生产)的沟通, animation, concept, lighting, compositing).
  • 为这部获得奥斯卡最佳视觉效果奖的电影做出了贡献.
技术:Vex, Python，胡迪尼，3D建模，领导力，动画，视频

首席技术总监

2011 - 2011
Weta Digital
  • Created, maintained, 并使用工具为电影《欧博体育app下载》中的追马镜头制作烟雾模拟. 这些效果是用胡迪尼完成的，这在公司是新的.
  • 使用Ruby和Python的组合设计了几个管道工具，以便能够导入人群动画并向农场发送渲染作业.
  • 带领10人的团队，确保与其他部门(生产)的沟通, compositing, crowd, animation).
技术:Vex, Python, Ruby，胡迪尼，动画，视频

首席外汇技术总监

2008 - 2008
Framestore
  • Created, maintained, 并使用工具为詹姆斯·卡梅隆的电影《欧博体育app下载》制作了各种各样的视觉效果. 效果包括炼油厂的火和烟，树的动态，雾和子弹的影响，使用胡迪尼.
  • 使用Python设计了几个管道工具，以便能够从布局团队导入资源.
  • 领导一个四人小组，确保与其他部门(生产)的沟通, layout, modeling, lighting, compositing).
  • 为这部获得奥斯卡最佳视觉效果奖的电影做出了贡献.
技术:Vex, Python，胡迪尼，动画，视频

研发工程师

2005 - 2006
Framestore
  • 开发了100多个艺术家使用的各种工具.
  • 在合成软件Shake中构建了一个导入节点, using C++, 允许美工从公司数据库中导入资产.
  • 开发了一个渲染管理桌面应用程序的UI, using C++ and OpenGL, 允许艺术家组织任务依赖关系树，然后将其发送到渲染场.
技术:玛雅，摇，胡迪尼，OpenGL, Perl, Python, c++， 3D建模，视频

实时三维可视化地图

http://brokencircle.s3-eu-west-1.amazonaws.com/toptal/clients/mapbox_with_realtime_3d_data.mp4
设计并实现了地图上实时数据的各种3D可视化.

Polygon.js

http://polygonjs.com/
Polygon.js是一个WebGL引擎，由Three提供支持.js，用TypeScript和Vue编写.js.

它是一个基于节点的应用程序, 允许用户轻松创建想法原型, 使他们能够专注于设计，而不是被技术细节拖慢.

Gravity

http://www.imdb.com/title/tt1454468
在拍电影《欧博体育app下载》, 我用胡迪尼制作了几个工具, Python, 和VEX来制作逼真的水下结尾序列的视觉效果.

视觉效果展示

这是我有幸参与的视觉效果的汇编. 我在以下几部电影中的作品可以看到:
- Avatar
- Gravity
- Edge of Tomorrow
- Iron Man 3

这还不包括我最近对《欧博体育app下载》的研究, 《星球大战:最后的绝地武士, and The Martian.

(完整列表:http://www.imdb.com/name/nm3070328/)

Short Film: Seeds

Wrote, produced, 并执导了短片《欧博体育app下载》, 哪一个在九个节日中被选中, 包括伦敦短片电影节和唯美电影节, 让它有资格获得英国电影学院奖.

MediaTag.io

MediaTag是一个电影制作人的媒体组织工具. 它允许用户轻松地组织和分享视频和照片.

-服务器端:Ruby on Rails
- client-side: Vue.js(使用Pug, CoffeeScript, Sass和Foundation)

它被设计得非常简单易用, 因为一切都是用标签组织起来的, 使用窗体或拖放.

它还带有浏览器扩展(Firefox和Chrome)。, 允许用户保存照片和视频而不中断导航.

Languages

CSS, HTML, CoffeeScript, Ruby, GLSL, JavaScript, HTML5, Python, TypeScript, c++， Perl, Pug, Sass

Frameworks

Ruby on Rails 5, Ruby on Rails (RoR)，基础CSS

Libraries/APIs

Three.. js, Vuex, WebGL, GSAP, Vue, Node.. js, Sidekiq, Resque, OpenGL, Chart.. js，谷歌地图，谷歌地图API, ImageMagick, HTML5 Canvas, Stripe, Vimeo API, YouTube API, React

Tools

Canvas, Houdini, Webpack, Sublime Text, Vex, Shake, Maya, Foundry Nuke, Git, Adobe Premiere Pro, Final Cut Pro X, Sublime Text 3

Other

Web Animation, 3D Art, 3D Animation, 3D Maps, 3D Math, 3D, Visual Effects (VFX), Architecture, 3D Modeling, Algorithms, Animation, Videos, Image Processing, Vue Router, Leadership, Full-stack, Software Design, Startups, Data Visualization, DSLR Photography, Filmmaking, Video Editing, Film & 电视，面向对象设计，游戏开发，游戏

Platforms

GreenSock动画平台(GSAP)， Mapbox, Heroku, Linux, Ubuntu

Paradigms

面向对象编程(OOP)， Majestic Monolith

Storage

谷歌云、亚马逊S3 (AWS S3)

1996 - 2002

计算机科学硕士学位

ESIEE - Paris, France

有效的合作

如何使用Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

1

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
3

开始你的无风险人才试验

与你选择的人才一起工作，试用最多两周. 只有当你决定雇佣他们时才付钱.

对顶尖人才的需求很大.

Start hiring