Как Вы заставляете веб-страницу “развалиться” (как Встряска Wario это реклама на YouTube)?
Как сделал они сделали эту страницу? http://www.youtube.com/wariolandshakeit2008
Если у кого-либо есть учебное руководство о том, как сделать что-то вроде этого, скажите мне!
3 ответа
Будьте последовательны, и не имеет значения, какой именно. Кроме того, если по какой-либо причине необходимо взаимодействовать с другой программой или инструментом, используя определенный идентификатор DEBUG, то это легко сделать
#ifdef THEIRDEBUG
#define MYDEBUG
#endif //and vice-versa
Можно использовать условный оператор, чтобы проверить, имеет ли отдел значение null:
userQuery = userQuery.OrderBy(u => (u.Department != null) ? u.Department.Name : String.Empty);
Для большей ясности я создал следующий метод расширения:
public static TResult IfNotNull<TSource, TResult>(this TSource obj, Func<TSource, TResult> selector, TResult defaultValue)
{
if (obj != null)
return selector(obj);
return defaultValue;
}
Его можно использовать следующим образом:
userQuery = userQuery.OrderBy(u => u.Department.IfNotNull(d => d.Name, String.Empty));
Похоже, что все это для меня флэш-фильм. Есть iframe, включенный с этим URL: http://1q1gafmnta4fm0riakrenq213o0sa9p9.ig.gmodules.com/ig/ifr? url=http://facebook.gspsf.com / ~ wii/wariolandshakeit2008/gadget_files_040209/google_gadget.xml&lang=en&hl=en_US
На самом деле, вот SWF: http://facebook.gspsf.com / ~ wii/wariolandshakeit2008/gadget_files_040209/main.swf
Примечание: по какой-то причине я думал, что в эффектах использовались те же трюки js, что и в эксперименте с хромированной гравитацией.
Хотя кажется, что это реализовано во флэш-памяти, нечто очень похожее можно сделать с помощью нового материала html5.
Как правило, ничто не мешает вам самостоятельно загрузить весь исходный код javascript и попытаться выяснить, что происходит. Также ознакомьтесь с существующими физическими движками Javascript и экспериментами Chrome , такими как этот
. Если вы покопаетесь в исходном коде гравитационного эксперимента, вы обнаружите два важных вещи:
- Он использует движок javascript box2d
- Координаты и, что более важно, вращение элементов изменяются с помощью этих операторов
-
for (i = 0; i < elements.length; i++)
{
var element = elements[i];
element.style['left'] = (bodies[i].m_position0.x - (properties[i][2] >> 1)) + 'px';
element.style['top'] = (bodies[i].m_position0.y - (properties[i][3] >> 1)) + 'px';
// webkit
element.style['-webkit-transform'] = 'rotate(' + (bodies[i].m_rotation0 * 57.2957795) + 'deg)';
// gecko
element.style['MozTransform'] = 'rotate(' + (bodies[i].m_rotation0 * 57.2957795) + 'deg)';
// opera
element.style['OTransform'] = 'rotate(' + (bodies[i].m_rotation0 * 57.2957795) + 'deg)';
}
Это круто - я не мог объяснить, как это сделать, но если вы щелкните правой кнопкой мыши в любом месте страницы, вы увидите, что это все мигают.