HTML+CSS+JS [+ possibly GSAP] - Create animated bubble with randomised effect

£175-200 GBP

Imekamilika

Imechapishwa

over 3 years ago

£175-200 GBP

Kulipwa wakati wa kufikishwa

Hello, I am looking for someone to create a gentle 'floating bubble' effect, similar (but more simplified) to the bubble effect used on: [login to view URL] The effect will need to added to this pre-coded design: [login to view URL] Further specification: :: No interaction (mouseOver etc) effects required - just the animation. :: The example above uses some gravity - this is not required. Animation should be gentle (natural) movements, filling the container div space (bubble-container) :: Bubbles should rotate slightly when moving around, similar to the example. :: Bubbles have the same origin point on load (but randomised rotations), but the floating should be randomised and unique per load. :: Bubbles should not overlap :: Okay to re-code CSS, as long as it matches the exact style of the original Final specification will be completed and agreed before awarding project. If using an JS animation library, GSAP is preferred. However, happy to use alternatives. Thanks for looking!

Kitambulisho cha mradi: 29008417

Kuhusu mradi

20 mapendekezo

Mradi wa mbali

Inatumika 3 yrs ago

Unatafuta kupata pesa?

Barua pepe

Faida za kutoa zabuni kwenye Freelancer

Weka bajeti yako na muda uliopangwa

Pata malipo kwa kazi yako

Eleza pendekezo lako

Ni bure kujiandikisha na kutoa zabuni kwa kazi

Imetolewa kwa:

@mattsrinc

UPDATE: tests with [login to view URL] show it can be used. Lower bid. Hi there, I'm Matt Sergei (do call me Matt, please) and would like to create your animation - After checking your CodePen example I propose either one of implementations below: 1. GSAP based solution 1.1. Dynamically created SVG bubbles for their references. The issue with your CSS created bubbles is that they are (DOM paint) rectangles so circular collisions cannot be detected or would be extremely hard. 1.2. Collision detection code as part of the GSAP animated timeline. 1.3. Random placement of bubbles is of course easier with dynamic creation. 1.4. Font matching is not an issue e.g. no font loading required in your case (sans-serif default used in a web browser). 1.5. And of course rotations, slight left and right, changing when hit etc. 2. [login to view URL] solution To make this part short - it's a physics javascript library and gravity could be set to 0. Almost all the same features as in #1 yet the collision code is built-in and would be easier to use. I would have to check about text captions and rotations (I guess you don't want "upside down" turned captions). Otherwise I'm a webmaster and IT developer for 26 years, scripting web animations/charts/maps for 7+ years, including (subcontracted) GSAP ads for various UK agencies, like this: [login to view URL] [login to view URL] example: [login to view URL] Regards and hope you're safe, Matt

£197 GBP ndani ya siku 4

4.9

(63 hakiki)

6.3

20 wafanyakazi huru wana zabuni kwa wastani £204 GBP kwa kazi hii

@Jee1980

Hello, I am a senior Javascript expert and I have rich experience in Animation effect. I have been used Bubble js or gsap, so I can do your project in a short time. After checking your project detail carefully and I am clear . Therefore let’s start work together and I will delivery fast and quality result. Thanks.

£200 GBP ndani ya siku 2

5.0

(45 hakiki)

6.8

@Marecar2020

Hello, I read your job description and understood your requirements. I have rich experience with more than 10 years of PHP, JavaScript, and CSS. I can start immediately, keep your deadline/quality and also work on your time. Let's discuss more details over chat. Best regards.

£200 GBP ndani ya siku 3

5.0

(32 hakiki)

6.1

@umg536

Hi there, I'm bidding on your project "HTML+CSS+JS [+ possibly GSAP] - Create animated bubble with randomised effect" we are a team of titanium certified developers. we excel in 2D and 3D animations. please leave a message on my chat so we can discuss the budget and deadline of the project. Also, have a look at my profile for my reviews and portfolios. Thanks Note: This is not an automated bid and i'm ready to discuss your project right now. ... .

£200 GBP ndani ya siku 4

5.0

(5 hakiki)

5.0

@earkania

Hello, here is a strong experienced Front End expert you are looking for. Seeing your job posting, I'm glad to bid for your project with perfect confidence. I've rich experience with CSS/ JS Libraries. Looking forward to working for this project. Ready for now, please let me know when you are available. Thank you.

£180 GBP ndani ya siku 7

5.0

(13 hakiki)

5.1

@sjbwondara

Hello, Hope you are doing well. I can implement any animation by using css and js. It would be with great pleasure if you select me to implement this project for you. Best regards,

£188 GBP ndani ya siku 3

4.9

(14 hakiki)

5.1

@elregresodejosec

Hi Your job is very nice work I'd like to work with you surely I'm sure I can do it perfectly Please let me know Thank you Jose

£200 GBP ndani ya siku 7

5.0

(12 hakiki)

4.5

@saadtariq329

Hello, I have taken a brief note of your project description. I’m an expert developer. My preference is to satisfy all of your venture’s prerequisites. Let’s come over the chat to discuss the project module, so we can start this project instantly. Please check my certifications to estimate my skills. Regards,

£188 GBP ndani ya siku 7

5.0

(7 hakiki)

3.8

@wpcodesmart

Greetings, Hello Regarding HTML+CSS+JS [+ possibly GSAP] - Create animated bubble with randomised effect My name is sushant A core php developer, working on Wordpress CMS technologies. We can do a wonderful website for you. let’s discuss your project in the chat. I want you to pay attention to that we have 100% completed projects. You can be sure that we will complete your project. Thank you

£188 GBP ndani ya siku 7

4.8

(9 hakiki)

4.0

@dollardmvimvi7

Hi How are you? As a web developer who has a rich experience in css/html/jquery, I am sure I can give you satisfy your issues. I am interested your job. Please message me. Best regards. Jim

£188 GBP ndani ya siku 3

5.0

(3 hakiki)

3.1

@sokolovicstefan3

Hi, there. Here is a senior web developer who has rich experience in web design and animation development. I can build the floating bubble animation from scratch not using GSAP or using other alternative JS libraries. Do you have any UI design or mockup? Please feel free to discuss the details via private chat. Regards. Stefan.

£200 GBP ndani ya siku 3

2.9

(7 hakiki)

4.9

@ibrar505

Hello, I went through the description and understood it. Using GSAP Library, I could complete this for a few minutes.

£188 GBP ndani ya siku 1

5.0

(1 hakiki)

2.6

@DarakhshanNageen

Bonjour, I am a senior Javascript expert and I have rich experience in Animation effect. I have used Bubble js or gap, so I can do your project in a short time. After checking your project detail carefully and I am clear. Therefore let’s start work together and I will delivery fast and quality result. Have a nice day!

£250 GBP ndani ya siku 5

5.0

(1 hakiki)

1.4

@noorhaan7

Hello, I'm Nour, I work on designing website interfaces using several tools html , css , bootstrap , js , jquery , vuejs ..... And ready to take the challenge and fulfill it . Also, I am always learning and searching to get the job done in the best wayfor new styles .

£175 GBP ndani ya siku 4