const canvas = document.getElementById("canvas");
            const ctx = canvas.getContext("2d");
        
            // Set canvas size
            function resizeCanvas() {
                canvas.width = window.innerWidth;
                canvas.height = window.innerHeight;
            }
            resizeCanvas();
            window.addEventListener("resize", resizeCanvas);
        
            // Array to keep track of circles
            const circles = [];
            const fadeDuration = 2000; // duration in milliseconds
        
            function addCircle(x, y) {
                circles.push({ x, y, startTime: Date.now() });
            }
        
            function drawCircle({ x, y, startTime }) {
                const elapsed = Date.now() - startTime;
                const progress = elapsed / fadeDuration;
                const alpha = Math.max(0.5 - progress, 0);
                const radius = 200;
        
                // Create a radial gradient with fading alpha
                const gradient = ctx.createRadialGradient(x, y, 0, x, y, radius);
                gradient.addColorStop(0, `rgba(3,98,76, ${alpha})`); // green center
                gradient.addColorStop(1, "rgba(3,98,76, 0)"); // fades out
        
                ctx.fillStyle = gradient;
                ctx.beginPath();
                ctx.arc(x, y, radius, 0, Math.PI * 2);
                ctx.fill();
            }
        
            function animate() {
                // Clear the entire canvas on each frame
                ctx.clearRect(0, 0, canvas.width, canvas.height);
        
                // Draw and update circles
                for (let i = circles.length - 1; i >= 0; i--) {
                    const circle = circles[i];
                    const elapsed = Date.now() - circle.startTime;
                    if (elapsed > fadeDuration) {
                        // Remove circle when its fade duration is over
                        circles.splice(i, 1);
                    } else {
                        drawCircle(circle);
                    }
                }
        
                requestAnimationFrame(animate);
            }
            animate();
        
            // Add a new circle on each mouse move event
            document.addEventListener("mousemove", (event) => {
                addCircle(event.clientX, event.clientY);
            });
        

Boutique Development,
Enterprise
Results

  • Shopify • E-commerce • Development

Hoculus è una boutique di sviluppo Shopify che combina l’eccellenza tecnica di un team enterprise con l’attenzione al dettaglio di una realtà specializzata.

Scopri i Servizi

6+

anni di esperienza come partner shopify

100+

e-commerce shopify/shopify plus gestiti
Mason's
Bia Home & Garden
Damiano Organic
Labcare
Sake Company
Heavy Manners
Messo a nuovo
Damiano
Velasca
Argo
Brian&Barry
Cavallino
Veronica De Piante
Porte Italiane
Mason's
Bia Home & Garden
Damiano Organic
Labcare
Sake Company
Heavy Manners
Messo a nuovo
Damiano
Velasca
Argo
Brian&Barry
Cavallino
Veronica De Piante
Porte Italiane

I Nostri Servizi

SOLUZIONI SU MISURA DALLA PIANIFICAZIONE DELL'ARCHITETTURA ALLA CRESCITA LONG TERM

Meet Hoculus @Shopify.Dev Toronto

Parteciperemo all'evento Shopify.Dev a Toronto: l'evento esclusivo riservato agli sviluppatori Shopify.

Scopri il programma Arrow right up

Partners & Integrations

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

Trasformiamo visioni ambiziose in risultati concreti.

+39 334 24 83 026
Chiamaci ora!
Ottieni direzioni Arrow top right