shopping_cart

About This Motion

3D Motion: Throw Item Catch Item

Throw Item Catch Item

Subscribe to Download Prop Interactions

Duration: 18.93

File Format: FBX

Commercial License Included

Compatibility

Maya
Blender
3ds Max
Cinema 4D
Unreal Engine
Unity

Related Motions

Flick Sword Open

Sword Flick Reveals

Throw Item Aim Offsets

// Action sheet functions for motion lists function openActionSheet(motionId) { document.getElementById('motion-to-add').value = motionId; // Fade in backdrop const backdrop = document.getElementById('action-sheet-backdrop'); backdrop.classList.remove('hidden'); setTimeout(() => { backdrop.classList.add('opacity-100'); backdrop.classList.remove('opacity-0'); }, 10); // Slide up action sheet const actionSheet = document.getElementById('action-sheet'); actionSheet.classList.remove('hidden'); setTimeout(() => { actionSheet.classList.remove('translate-y-full'); }, 10); // Load user lists loadUserLists(); } function closeActionSheet() { // Fade out backdrop const backdrop = document.getElementById('action-sheet-backdrop'); backdrop.classList.remove('opacity-100'); backdrop.classList.add('opacity-0'); // Slide down action sheet const actionSheet = document.getElementById('action-sheet'); actionSheet.classList.add('translate-y-full'); // Hide elements after animation completes setTimeout(() => { backdrop.classList.add('hidden'); actionSheet.classList.add('hidden'); }, 300); } function loadUserLists() { const listsContainer = document.getElementById('user-lists'); if (!listsContainer) return; listsContainer.innerHTML = '

Loading your lists...

'; // CSRF token const token = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content'); if (token) { axios.defaults.headers.common['X-CSRF-TOKEN'] = token; } axios.defaults.withCredentials = true; axios.get('/api/motion-lists') .then(response => { const lists = response.data; if (!Array.isArray(lists) || lists.length === 0) { listsContainer.innerHTML = '

You don\'t have any lists yet. Create one below.

'; return; } listsContainer.innerHTML = ''; lists.forEach(list => { const listItem = document.createElement('div'); listItem.className = 'bg-dark-700 border border-dark-600 rounded-md p-3 mb-2'; listItem.innerHTML = `

${list.name}

${list.motion_count || 0} motions

View

`; listsContainer.appendChild(listItem); }); // Add event listeners to the add buttons document.querySelectorAll('.add-to-list').forEach(button => { button.addEventListener('click', function() { const listId = this.dataset.listId; const motionId = document.getElementById('motion-to-add').value; addMotionToList(motionId, listId); }); }); }) .catch(error => { console.error('Error loading lists:', error); listsContainer.innerHTML = '

Error loading your lists. Please try again.

'; }); } function addMotionToList(motionId, listId) { // CSRF token const token = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content'); if (token) { axios.defaults.headers.common['X-CSRF-TOKEN'] = token; } axios.defaults.withCredentials = true; axios.post('/api/motion-lists/add-motion', { motion_id: motionId, list_id: listId }) .then(response => { // Close the action sheet closeActionSheet(); // Show notification alert('Motion added to list successfully!'); }) .catch(error => { console.error('Error adding to list:', error); alert('Could not add to list. Please try again.'); }); } // Set up create list functionality when the DOM is loaded document.addEventListener('DOMContentLoaded', function() { const createListBtn = document.getElementById('create-list-btn'); if (createListBtn) { createListBtn.addEventListener('click', function() { const nameInput = document.getElementById('new-list-name'); const name = nameInput.value.trim(); if (!name) { alert('Please enter a list name'); return; } const motionId = document.getElementById('motion-to-add').value; // CSRF token const token = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content'); if (token) { axios.defaults.headers.common['X-CSRF-TOKEN'] = token; } axios.defaults.withCredentials = true; // Show loading state createListBtn.textContent = 'Creating...'; createListBtn.disabled = true; axios.post('/api/motion-lists/create', { name: name, motion_id: motionId }) .then(response => { // Reset form nameInput.value = ''; // Close the action sheet closeActionSheet(); // Show notification alert('List created and motion added successfully!'); }) .catch(error => { console.error('Error creating list:', error); alert('Could not create list. Please try again.'); }) .finally(() => { // Reset button state createListBtn.textContent = 'Create'; createListBtn.disabled = false; }); }); } });