Locker-z Forum

After Effects | Animazione 2D con Cerchi e Raggi - Tutorial ITA ---------------------------------------------------------------- Ciao ragazzi, ecco a voi un nuovo tutorial dove spiego come creare un semplice ma molto carina animazione 2D sfruttando effetti predefiniti del nostro caro amico After Effects! Spero che il tutorial sia di vostro gradimento e che vi torni utile in qualche maniera! Se avete domande, non avete capito qualcosa e volete approfondire qualche passaggio, inviatemi pure un messaggio privato o scrivete un commentino qui sotto Alla prossima! Facebook: www.facebook.com/VersusArtsTV -VersusArts.TV VideoTutorial by VersusArts.TV Condividete pure dove volete ;D <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Grafico a Torta</title> <!-- Includi la libreria Chart.js --> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body> <!-- Crea un canvas per il grafico --> <canvas id="myPieChart" width="400" height="400"> <script> // Dati del grafico var data = { labels: ["USA", "UK", "Argentina", "Australia", "Benelux", "Brasile", "Canada", "Cile", "Cina", "Colombia", "Croazia", "Repubblica Ceca", "Danimarca", "Finlandia", "Francia", "Germania", "Grecia", "India", "Italia", "Giappone", "Malesia", "Messico", "Medio Oriente", "Per├╣", "Filippine", "Polonia", "Singapore", "Sud Africa", "Corea del Sud", "Spagna", "Svezia", "Svizzera", "Tailandia", "Turchia"], datasets: [{ data: [25, 8, 2, 4, 1, 8, 4, 1, 5, 1, 1, 1, 1, 1, 6, 5, 1, 2, 4, 7, 1, 4, 4, 4, 2, 2, 2, 1, 2, 3, 5, 1, 1, 1, 2], backgroundColor: [ 'rgba(255, 99, 132, 0.7)', 'rgba(54, 162, 235, 0.7)', 'rgba(255, 206, 86, 0.7)', 'rgba(75, 192, 192, 0.7)', 'rgba(153, 102, 255, 0.7)', 'rgba(255, 159, 64, 0.7)', 'rgba(255, 99, 132, 0.7)', 'rgba(54, 162, 235, 0.7)', 'rgba(255, 206, 86, 0.7)', 'rgba(75, 192, 192, 0.7)', 'rgba(153, 102, 255, 0.7)', 'rgba(255, 159, 64, 0.7)', 'rgba(255, 99, 132, 0.7)', 'rgba(54, 162, 235, 0.7)', 'rgba(255, 206, 86, 0.7)', 'rgba(75, 192, 192, 0.7)', 'rgba(153, 102, 255, 0.7)', 'rgba(255, 206, 86, 0.7)', 'rgba(75, 192, 192, 0.7)', 'rgba(255, 99, 132, 0.7)', 'rgba(54, 162, 235, 0.7)', 'rgba(255, 206, 86, 0.7)', 'rgba(75, 192, 192, 0.7)', 'rgba(153, 102, 255, 0.7)', 'rgba(255, 206, 86, 0.7)', 'rgba(75, 192, 192, 0.7)', 'rgba(255, 99, 132, 0.7)', 'rgba(54, 162, 235, 0.7)', 'rgba(255, 206, 86, 0.7)', 'rgba(153, 102, 255, 0.7)', 'rgba(255, 159, 64, 0.7)', 'rgba(255, 99, 132, 0.7)', ], }] }; // Configurazione del grafico var options = { responsive: true, maintainAspectRatio: false, }; // Ottieni il riferimento al canvas e disegna il grafico var ctx = document.getElementById('myPieChart').getContext('2d'); var myPieChart = new Chart(ctx, { type: 'pie', data: data, options: options }); </script> </body> </html>