0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations •...

21

Transcript of 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations •...

Page 1: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Разговоры—пустота.

Мыдумаемглубжеишире.

Page 2: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Рокиэтодиджиталпродакшнстудия.Мыразрабатываемконцепции,

дизайнипишемкоддлявсехвидовпроектов,брендов,стартапови

самихсебя.Чтимклассику,ноработаемв#3020.

Онас

Page 3: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Нашиценности

Создаем Действуем ДумаемМысоздаемудивительные

иинтересныепроекты.Приветствуем

творческоемышлениеисвежиеидеи.

Нашопытдаетнамвозможность

работатьсразличнымитехнологиямии

легкокомбинироватьих.Мыможем

сделатькаквысоконагруженныйсервис,

такипромо-сайтс3dанимацией.

Работая,мыпостояннонаходимсяв

курселучшихидейирешенийиз

различныхотраслей(технологии,дизайн,

продукты,искусство).

Этодаетнамвозможностьсоздавать

решения,способныеконкурироватьна

мировомуровне.

Page 4: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Можетенамдоверять

Мыработаемсведущимимировымикомпаниями,насчитывающимимиллионыклиентовповсемумиру.

Page 5: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Нашивозможности

ДизайнResearch•UI/UXdesign•Websitesandmobileapps•Visualdesign•Prototyping

andtesting

РазработкаHTML/CSS/JS•React/Vue•GSAP/Three.js•Backend/APIintegrations•iOS/Android

nativeapps

3DвзаимодействияWebGLanimations•Creativefront-enddevelopment•WebVR•Gameproduction•

Shaderanimation

КонтентCopywriting•Video•Animation•2D/3Dgraphics•Illustration

Page 6: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Проект

Технологии

Vue.js

TweenMax

Three.js

Link

https://offf-moscow.c.new.roky.rocks

OFFFMoscow

Page 7: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Brief

КоллегиизSkillboxобратилиськнамзапомощьювразработкесайта

дляфестивалядизайнаOFFFMoscow2019.

Solution

Мыразработалисайтсэффектомбесконечныхтитров,реализовали

функциюбесконечнойпрокрутки,какдлядесктоптакимобильной

версии.Написалишейдердляанимациифотографийсипикеров

фестиваля.

Проект

OFFFMoscow

Page 8: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Проект

Технологии

Vue.js

TweenMax

Link

https://урокцифры.рф/lesson/bolshie-dannye/

https://урокцифры.рф/lesson/personalnye-pomoshhniki/

https://урокцифры.рф/lesson/bezopasnost-v-seti/

Урокцифры

Page 9: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Brief

МеждународнаяшколапрограммированияАлгоритмикаобратиласьк

намдляразработкиидизайнациклатренажёровдлядетейс1по11

класс.

Solution

Мыразработалитрипакетатренажёровпо5заданий.Тренажеры

включаютвсебяигровыемеханикисогласованныесметодистами

Алгоритмики.Например,игравкартыспрокачкойгероя,конструктор

умногопомощника,прохождениезаданийдляобеспечения

сохранностиперсональныхданных.Каждыйпакеттренажеров

запускалсянавсешколыРоссии,суммарнаянагрузкапревысила10

млн.пользователей.

Проект

Урокцифры

Page 10: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Проект

Технологии

HTML/CSS

WebGL

Link

http://st_backend.c.new.roky.rocks/

Stereotactic

Page 11: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Brief

КреативноеагенствоStereotacticобратилиськнамзаразработкой

новогосайтадлянаправленияOffline&Events.

Solution

Мыпридумалииразработали4эффекта(RGBрасслоение,

деформацияизображений,эффектпузыря,3Dизометриястраницы)

длястраницыкоторыевключаютсяслучайнымобразомпризагрузке

страницы.

Проект

Stereotactic

Page 12: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Technologies

HTML/CSS/JS

TweenMax

Pixi.js

Link

https://roky-cdn.roky.rocks/selvaggia/

SelvaggiaAlazraki

Проект

Page 13: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Brief

КреативноеагенствоSocialriseобратилоськнамсзапросомна

разработкупроектаинтернетмагазинадлябутикаспальных

акссесуароввИталии.

УсловиембылоиспользованиесобственнойCMSкомпаниии

классическойверстки.Приэтомтребовалосьдобитьсяиспользования

современныхэффектовпривзаимодействииссайтом.

Solution

ДляработынадэффектамимыиспользовалибиблиотекуPixi.js

благодарячемуудалосьсоздатьуникальныйслайдерсплавнойи

мягкойанимациейдляглавнойстраницы.Походуработывся

коммуникацияскомандойзаказчикавеласьнаанглийскомязыке.

SelvaggiaAlazraki

Проект

Page 14: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Technologies

HTML/CSS/JS

TweenMax

Link

https://roky-cdn.roky.rocks/pinkcloset/

ThePinkCloset

Проект

Page 15: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Brief

КреативноеагенствоSocialriseобратилоськнамсзапросомна

разработкупроектаинтернетмагазинадлябутикаженскойодеждыв

Италии.

УсловиембылоиспользованиесобственнойCMSкомпаниии

классическойверстки.Приэтомтребовалосьдобитьсясовременных

эффектоввинтерфейсесайта.

Solution

Входеработынадсайтоммыразработалиэффектзеркалдля

изображенийнасайте.Походуработывсякоммуникацияскомандой

заказчикавеласьнаанглийскомязыке.

ThePinkCloset

Проект

Page 16: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Technologies

Vue.js

TweenMax

WordPress

iikoAPI

Link

https://eda-go.ru

Eda.go

Проект

Page 17: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Ega.go

Brief

ВсяработакрупнойсетиресторановбазируетсянаплатформеiiKO.

Этосистема,предназначеннаядляавтоматизацииработы

ресторанногобизнеса.

Нашейцельюбылосозданиеслужбыдоставкинабазеэтойсети

ресторановнаэтойплатформе.

Solution

Длярешенияэтойзадачимывыбираемследующиетехнологии:Vue.js+

WordPress+WordPress+iikoDeliveryAPI.Мысоздаливеб-приложение,

котороеполучаетданныеопродуктахизследующихисточников

iikoDelivertAPI,даётвозможностьразмещатьзаказыиоплачиватьихс

помощьюплатежныйшлюз.Дляредактированияконтентамы

используемCMSWordPress.

Проект

Page 18: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Technologies

HTML/CSS/JS

TweenMax

BitrixCMS

Link

https://rehab-shop.ru

Rehabshop

Проект

Page 19: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Rehabshop

Brief

Нашейзадачейвэтомпроектебыларазработкаинтернетмагазина

совместносостудиейдизайнаOrientirMoscow.Проектинтернет

магазинадлябутикаженскойодеждывМоскве.Главнойсложностью

былоинтегрированиеновогодизайнавогромнойбазойодеждыв1C.

Solution

Мыизучилизадачуипоступательнореализовалисначалоfront-end

частьазатемback-endcинтеграциейв1С.Настроилижурнальный

стильпубликацииновостейспомощьюредактораГутенберги

интегрировалиеговCMSBitrix.

Проект

Page 20: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Более30фередальныхпроектовподNDA.

Page 21: 0/ $1*230 4 54’0 · HTML/CSS/JS • React/Vue • GSAP/Three.js • Backend/API integrations • iOS/ Android native apps WebGL animations • Creative front-end development •

Мыобсудимвашузадачуиобязательнопредложимрешение.

Phone

88002011486

Adress

Krasnoarmeyskayast.131

Samara•Russia

roky.rocks

[email protected]


HTML5 game dev with three.js - HexGL

HTML5 game dev with three.js - HexGL

GSAP OAS Reference Guide - Oniqua Analytics Workbench v1.0

GSAP OAS Reference Guide - Oniqua Analytics Workbench v1.0

NASA ACHIEVEMENTS BY GSAP STUDENTS - Gopalan Colleges · NASA ACHIEVEMENTS BY GSAP STUDENTS . ... Workshop at Laurie Baker Center for Habitat Studies, Vilappilsala, Thiruvananthapuram,

NASA ACHIEVEMENTS BY GSAP STUDENTS - Gopalan Colleges · NASA ACHIEVEMENTS BY GSAP STUDENTS . ... Workshop at Laurie Baker Center for Habitat Studies, Vilappilsala, Thiruvananthapuram,

GSAP Communicating Effectively with MBTI

GSAP Communicating Effectively with MBTI

webgl - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/webgl.1pp.pdf · WebGL(Web Graphics Library) is a JavaScript API for rendering interactive 3D graphics

webgl - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/webgl.1pp.pdf · WebGL(Web Graphics Library) is a JavaScript API for rendering interactive 3D graphics

Babylon.js WebGL Paris

Babylon.js WebGL Paris

Latham, William; Todd, Stephen; Todd, Peter and Putnam ...research.gold.ac.uk/27620/1/Leonardo paper Mutator... · software uses JavaScript, WebGL, three.js and WebVR. Artpl_120s1

Latham, William; Todd, Stephen; Todd, Peter and Putnam ...research.gold.ac.uk/27620/1/Leonardo paper Mutator... · software uses JavaScript, WebGL, three.js and WebVR. Artpl_120s1

Gb17 gsap-nhc

Gb17 gsap-nhc

WebGL : Hands On

WebGL : Hands On

WebVR with Three.js!

WebVR with Three.js!

HTML5 y WebGL

HTML5 y WebGL

SV WebGL/WebVR GDC 2019 Meetup - Khronos Group › ... › WebGL-WebVR-Meetup-GDC-Mar19.pdfSV WebGL/WebVR GDC 2019 Meetup The Khronos Group WebGL Update from Browser Implementers Demos

SV WebGL/WebVR GDC 2019 Meetup - Khronos Group › ... › WebGL-WebVR-Meetup-GDC-Mar19.pdfSV WebGL/WebVR GDC 2019 Meetup The Khronos Group WebGL Update from Browser Implementers Demos

WebGL · Title: WebGL Author: Carlos Samuel Cantero Gonzalez Keywords: WebGL, Web3D, Canvas Created Date: 10/7/2011 4:00:19 PM

WebGL · Title: WebGL Author: Carlos Samuel Cantero Gonzalez Keywords: WebGL, Web3D, Canvas Created Date: 10/7/2011 4:00:19 PM

Creating Applications with WebGL and Three.js

Creating Applications with WebGL and Three.js

India Budget 2021gsapadvisors.com/publication/30/India Budget 2021 - GSAP... · 2021. 2. 18. · For more information, contact GSAP Advisors India Private Limited. India Budget 2021

India Budget 2021gsapadvisors.com/publication/30/India Budget 2021 - GSAP... · 2021. 2. 18. · For more information, contact GSAP Advisors India Private Limited. India Budget 2021

WebGL 3D player

WebGL 3D player

WebGL I (All-round) · WebGL 기초-WebGL = Rasterization 엔진 - 웹브라우저내부에서실행되지만하드웨어GPU에서실행-GPU에서실행되는코드= 함수쌍형태(form

WebGL I (All-round) · WebGL 기초-WebGL = Rasterization 엔진 - 웹브라우저내부에서실행되지만하드웨어GPU에서실행-GPU에서실행되는코드= 함수쌍형태(form

WebGL (three.js) - Standardisation de la 3D sur le webnguyen.univ-tln.fr/share/Infographie3D/trans_webgl.pdf · WebGL three.js Problématique du rendu 3D application pilote 3D GPU

WebGL (three.js) - Standardisation de la 3D sur le webnguyen.univ-tln.fr/share/Infographie3D/trans_webgl.pdf · WebGL three.js Problématique du rendu 3D application pilote 3D GPU

Three.js-ESP Documentation

Three.js-ESP Documentation

We will use WebGL 1.0. WebGL 2.0 is now being supported by ...angel/SIGGRAPH17/COURSE/s17_final.pdf · OpenGL is not object oriented. three.js is a scene graph which supports a variety

We will use WebGL 1.0. WebGL 2.0 is now being supported by ...angel/SIGGRAPH17/COURSE/s17_final.pdf · OpenGL is not object oriented. three.js is a scene graph which supports a variety